자바스크립트로 HTTP request는 어떻게 하나요?

JavaScript에서 HTTP 요청을 하려면 XMLHttpRequest 개체 또는 최신 fetch() API를 사용할 수 있습니다.

다음은 XMLHttpRequest를 사용하여 GET 요청을 만들어 서버에서 일부 데이터를 검색하는 예입니다.

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://www.example.com/data.json', true);
xhr.onload = function() {
  if (this.status == 200) {
    var data = JSON.parse(this.response);
    // Do something with the data
  }
};
xhr.send();

다음은 동일한 GET 요청을 만들기 위해 fetch()를 사용하는 예입니다.

fetch('https://www.example.com/data.json')
  .then(function(response) {
    return response.json();
  })
  .then(function(data) {
    // Do something with the data
  });

이 두 예제 모두 서버가 JSON 형식으로 데이터를 반환한다고 가정하므로 XMLHttpRequest 예제에서는 JSON.parse()를 사용하고 fetch() 예제에서는 response.json()을 사용하여 응답을 구문 분석합니다.

XMLHttpRequest는 모든 최신 브라우저에서 지원되지만 더 이상 사용되지 않으며 결국 현재 Internet Explorer를 제외한 모든 최신 브라우저에서 지원되는 fetch()로 대체될 예정입니다.