JQuery - Ajax 사용법

개발은개발·2020년 12월 3일
0

JQuery

목록 보기
1/3
post-thumbnail
post-custom-banner

web을 공부하면서 절대 빠질 수 없는 것이 바로 통신기술인 Ajax입니다.
오늘은 ajax의 개념과 사용법을 포스팅하려합니다 😁
ajax와 관련된 용어들도 간략히 정리해놓을게요! 자세한 내용은 추후에 따로 포스팅하도록 하겠습니다.


📒 Ajax란?

Ajax는 Asynchronous Javascript And Xml의 약자입니다. 자바스크립트와 Xml의 비동기식 통신기술이라는 뜻인데, XML말고도 Plain Text, JSON 등 다양한 포맷의 데이터를 주고 받을 수 있습니다. 그 중에서도 JSON(JavaScript Object Notation)을 이용한 통신이 많이 사용되고 있습니다.

비동기식 Vs 동기식

비동기식 (asynchronous)동기식 (synchronous)
요청 후 다른 작업 가능요청 후 응답까지 다른 작업 불가능
병렬적 수행직렬적 수행

JSON(JavaScript Object Notation) 이란?

  • 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식
  • JavaScript에서 객체를 만들 때 사용하는 표현식
  • 단순히 데이터를 표시하는 표현 방법

📒 왜 사용할까요?

Ajax라는 기술은 웹에 데이터를 갱신할 때, 브라우저의 새로고침 없이 서버로부터 데이터를 받을 수 있도록 만들어졌습니다. 예를 들면, 초기로딩시점에 모든 데이터를 받아오는 것이 아니라, 먼저 필요한 컨텐츠만 불러다놓고 나머지는 동적으로 필요한 시점에 불러오면 초기로딩속도는 더 빨라질겁니다.👍

Ajax를 사용하면,
1. 웹 응용 프로그램을 빠르게 만들 수 있습니다.
2. 웹 페이지의 업데이트 된 부분만 부분적으로 갱신할 수 있습니다.


참고사이트

Ajax : https://coding-factory.tistory.com/143
Json : https://velog.io/@surim014/JSON이란-무엇인가
비동기식 더 알아보려면 : https://jieun0113.tistory.com/73

post-custom-banner

0개의 댓글