XMLHttpRequest

XMLHttpRequest

차례 - XMLHttpRequest란? - 기본적인 처리 흐름 - 서버와의 통신 시 사용할 처리 방법 등록 - XMLHttpRequest 객체의 이벤트 - XMLHttpRequest.open( ) 메서드 - XMLHttpRequest.send( ) 메서드

XMLHttpRequest란?

지금은 JSON을 대부분 이용하지만, Ajax란 Asynchronous Javascript + XML의 약자로 XMLHttprequest라는 자바스크립트 객체를 이용해 웹서버와 비동기로 통신하고 웹페이지를 비동기적으로 갱신하는 프로그래밍 기법입니다. XMLHttpRequest 객체를 이용하면 페이지 전체의 데이터를 새로 받아오지 않고도, 특정 URL로부터 데이터를 받아올 수 있습니다.

Fetch API에 비해 XMLHttpRequest는 구버전의 Internet Explore와 같은 오래된 웹브라우저에서도 작동합니다. 따라서, 브라우저 호환성을 고려해야 한다면 XHR은 중요합니다. jQuery나 Axios 같은 라이브러리 또한 "behind the scene"에서 XMLHttpRequest를 사용하고 있습니다.

##### 기본적인 처리 흐름 1. XMLHttpRequest 객체를 생성합니다. 2. 서버와 통신 시 처리 방법을 등록합니다. 3. 요청을 전송하고 통신을 시작합니다. 4. 응답 확인을 위해 response property를 이용할 수 있습니다. 위의 흐름을 아래 예제를 통해 살펴보겠습니다. ```html