AJAX - ajax와 xhr객체

Asynchronous Javascript And Xml

Ajax란?

javascript와 JSON을 사용해 비동기 통신 방법으로 웹 애플리케이션을 제작하는 것을 말합니다. 

간단히, 서버측 Scripts와 통신하기 위한 XMLHttpRequest객체를 사용하는 것을 말합니다.

Ajax가 기존 기술과 다른 점은 요청/응답 과정을 통해 불필요한 부분까지 처리하지 않는다는 점입니다.

쉽게 말해 필요한 부분만 별도로 요청하고, 응답받아 처리할 수 있는 거죠.

모든 데이터를 업데이트 할 필요가 없으니 불필요한 대역폭 감소가 가능하고, 이는 비용 절감을 가져옵니다.

ajax의 또다른 장점은 사용자가 대기하는 시간을 줄일 수 있다는 점이죠.

페이지를 새로고침하지 않고도 필요한 데이터만 받아와서 내용을 업데이트 시킬 수 있으니까요.

이것이 가능한 이유는 기존의 동기 방식이 아닌, 비동기 방식으로 데이터를 요청/처리하기 때문입니다.

xml, text, html, json도 처리 가능합니다.

xhr이란?

Xml Http Request의 약자입니다.

ajax 통신을 하기 위한 객체입니다. 

xhr 객체는 생성자를 통해 생성할 수 있습니다.

var xhr = new XMLHttpRequest;

xhr.open('통신방법', '통신파일', 비동기통신설정) : 설정

통신방법 : GET / POST

통신파일 : HTML / XML / TEXT / JSON

비동기통신설정 : true / false

xhr.send : 서버에 보냄

xhr.status : 서버의 통신상태

100 : continue

101 : switching protocols

200~300 : success

404 : client error page not found

5xx : server error

xhr.response

xhr.responseText