XHR (XML Http Request)

I.AJAX의 필수기술 XHR(XMLHttpRequest)의 개요
가.XHR(XMLHttpRequest)의 정의
- Microsoft가 만든 JavaScript 개체(object)

II.XHR의 사용방법(기본사용)
가.사용방법
- 이 개체의 인스턴스를 만들고,
- URL을 열고,
- 요청을 보내면 됩니다.
- 인스턴스의 결과 문서와 HTTP 상태 코드를 사용할 수 있게됨.
나.예제
var req = new XMLHttpRequest();
req.open('GET', 'http://www.mozilla.org/', false);
req.send(null);
if(req.status == 200)
dump(req.responseText);

III.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);

IV.다른 속성과 메소드
- responseXML
- overrideMimeType(): 문서를 특정한 content type으로 처리하도록 강제함.
- setRequestHeader(): 요청을 보내기 전에 요청의 HTTP 헤더를 설정.
- getResponseHeader(): 서버 응답으로부터 HTTP 헤더를 얻음