Table of Contents

XMLHTTPRequest 객체를 사용한 자바스크립트 AJAX 요청

AJAX란?

AJAX란 Asynchronous JavaScript and XML의 약어로 비동기적으로 서버와 통신하는 방식을 의미합니다. 이를 사용하면 페이지 전체를 로딩하지 않고도 필요한 데이터를 불러올 수 있고, 빠른 인터랙션을 제공할 수 있습니다.

XMLHTTPRequest 객체란?

XMLHTTPRequest 객체는 AJAX 요청을 보내기 위해 사용되는 객체입니다. 이 객체를 이용하여 서버에 요청을 보내고, 서버가 응답한 결과를 받아와서 사용할 수 있습니다.

XMLHTTPRequest 객체 사용하기


const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/somedata');
xhr.onload = function() {
  if (xhr.status === 200) {
    console.log(xhr.response);
  } else {
    console.log('Request failed.  Returned status of ' + xhr.status);
  }
};
xhr.send();

이 코드는 GET 메서드를 사용하여 https://api.example.com/somedata 에 데이터를 요청하고, 요청이 성공하면 응답 데이터를 콘솔에 로그로 출력합니다.