JSON, Fetch API, AJAX란

 

 

JSON : JavaScript Object Notation

비동기 브라우저/서버 통신 (AJAX)을 위해, 넓게는 XML(AJAX가 사용)을 대체하는 주요 데이터 포맷이다. 특히, 인터넷에서 자료를 주고받을 때 그 자료를 표현하는 방법으로 알려져 있다. 자료의 종류에 큰 제한은 없으며, 특히 컴퓨터 프로그램의 변수값을 표현하는데 적합하다.

 

Wikipedia JSON  

MDN JSON Description

 

 

 

AJAX : Asynchronous Javascript And XML

비동기로 자바스크립트를 이용해서 원격의 XML(데이터)를 요청해서 화면을 갱신하는 기술로, 전체 페이지가 다시 로드되지 않고 일부분만 업데이트하는 좀 더 복잡한 웹페이지를 만들 수 있게 해준다. 

또한 AJAX를 사용하면 웹페이지 일부가 리로드 되는 동안에도 코드가 계속 실행되어 비동기식으로 작업할 수 있다. (동기식의 경우에는 웹페이지가 로딩이 끝날 때까지 동적으로 움직이지 않는다.)

 

 

 

Fetch API

Fetch API에는 네트워크 통신을 포함한 리소스 취득을 위한 인터페이스가 정의되어 있다. XMLHttpRequest와 같은 비슷한 API가 존재하지만, 새로운 Fetch API는 좀더 강력하고 유연한 조작이 가능하다. (하지만 인터넷 익스플로에서 지원하지 않는다.)

 

 

 

 

전통적인 웹 애플리케이션 모델과 Ajax를 사용한 애플리케이션의 비교 (출처 : 위키피디아)