XHR (XML Http Request) 란?

XHR 란?

• Microsoft가 만든 JavaScript 개체(object)
• AJAX의 필수기술 중 하나이다.

XHR의 사용방법 (기본 사용)

1. 개체의 인스턴스를 만든다.
2. URL을 연다.
3. 요청을 보낸다.
4. 인스턴스의 결과 문서와 HTTP 상태코드를 사용할 수 있게 된다.

예제

var req = new XMLHttpRequest();
req.open('GET', 'http://www.mozilla.org/', false);
req.send(null);
if(req.status == 200)
	dump(req.responseText);

XHR의 사용방법(비동기 사용)

XMLHttpRequest를 확장 기능에서 사용하려면 반드시 비동기적으로 동작하도록 해야 한다. 비동기적으로 사용할 때, 데이터가 오면 콜백을 받게 된다. 이를 통해 브라우저는 보낸 요청을 처리하는 동안에도 평상시처럼 계속 동작한다.

var req = new XMLHttpRequest();
req.open('GET', 'http://www.mozilla.org/', true);
req.onreadystatechange = function (aEvt) {
if (req.readyState == 4) {
  if(req.status == 200)
  	dump(req.responseText);
  else
  	dump("Error loading pagen");
  }
};
req.send(null);

출처: https://brainwave.tistory.com/216 [알렉의 행복 산책 ]