Ajax

(Asynchronous JavaScript And XML)이며, 브라우저가 JavaScript를 이용해서 서버에게 비동기적으로 데이터를 요청하고, 수신한 데이터를 기반으로 웹페이지를 동적으로 변경하는 방식을 말한다.

정의에는 XML을 사용하지만, 대부분 XML말고 JSON을 이용해서 데이터를 주고 받는 것으로 알고 있다.

1. XMLHttpRequest

필요할 때 찾아서 사용하면 될것같아서 정리는 생략

// 테스트 가능한 가장 기본적인 코드만 첨부
    const xhr = new XMLHttpRequest();

    xhr.open("GET", "https://jsonplaceholder.typicode.com/users/1");

    // xhr.setRequestHeader("content-type", "aplication/json");

    xhr.onLoad = () => {
      if(xhr.readyState !== XMLHttpRequest.DONE)  return;

      if(xhr.status === 200) {
        console.log(xhr.response);
      }
      else console.error("Error", xhr.status, xhr.statusText);
    }

    xhr.send();