XMLHttpRequest 객체

정의

XMLHttpRequest (XHR) 객체는 웹 브라우저와 서버 간에 데이터를 비동기적으로 교환하기 위해 사용됩니다. 이름에는 XML이 포함되어 있지만, XMLHttpRequest는 XML 뿐만 아니라 JSON, HTML, 일반 텍스트 등 다양한 데이터 형식의 데이터를 처리할 수 있습니다.

사용법

1. XMLHttpRequest 객체 생성:

const xhr = new XMLHttpRequest();

2. 요청 초기화:

xhr.open(method, url, async);

• method: HTTP 메서드 (예: "GET", "POST")
• url: 요청을 보낼 URL
• async: 비동기적으로 요청을 할 것인지를 결정 (기본값은 true)

3. 응답 처리:

xhr.onload = function() {
    if (xhr.status >= 200 && xhr.status < 400) {
        console.log(xhr.responseText);
    } else {
        console.error('서버에서 에러 응답:', xhr.statusText);
    }
};

xhr.onerror = function() {
    console.error('요청 중 에러 발생');
};

4. 요청 보내기:

xhr.send();

간단한 예제: