XMLHttpRequest

🍠 XMLHttpRequest(XHR) 객체는 server와 상호작용하기 위하여 사용된다.

- 전체 페이지의 새로고침없이 URL로부터 데이터를 받아올 수 있다.

- AJAX 프로그래밍에 주로 사용된다.

- XML외 모든 종류의 데이터를 받아오는데 사용할 수 있다.

 

예제)

var xmlHttp = new XMLHttpRequest();       // XMLHttpRequest 객체를 생성함.

xmlHttp.onreadystatechange = function() { // onreadystatechange 이벤트 핸들러를 작성함.

    // 서버상에 문서가 존재하고 요청한 데이터의 처리가 완료되어 응답할 준비가 완료되었을 때

    if(this.status == 200 && this.readyState == this.DONE) {

        // 요청한 데이터를 문자열로 반환함.

        document.getElementById("text").innerHTML = xmlHttp.responseText;            

    }

};

xmlHttp.open("GET", "/examples/media/xml_httpxmlrequest_data.txt", true);

xmlHttp.send();

 

출처: https://developer.mozilla.org/ko/docs/Web/API/XMLHttpRequest

XMLHttpRequest - Web API | MDN