브라우저는 주소창이나 HTML의 form 태그 또는 a 태그를 통해 HTTP요청 전송 기능을 기본 제공한다.

자바스크립트를 사용하여 HTTP 요청을 전송하려면 XMLHttpRequest 객체를 사용한다.

XMLHttpRequest - Web APIs | MDN

XMLHttpRequest 객체 생성

• new XMLHttpRequset(); 를 통해서 인스턴스 생성

  const xhr =new XMLHttpRequest();
  

• 콜백 요청

  xhttp.onload = function() {
    // What to do when the response is ready
  }
  

서버에 요청

open() 메서드

open() 메서드를 통해 서버에 요청 형식을 결정한다.

open(전달방식,URL 주소,동기여부)

xhttp.open("GET", "<http://www.google.com/?office=303>",true);
xhttp.send();

서버에 비동기식 요청을 보내기 위해서는 open() 메소드의 세 번째 인수로 true를 전달한다.

만약 open() 메소드의 세 번째 인수로 false를 전달하면, 서버에 동기식 요청을 보내게 된다.

send() 메서드

• 주로 POST방식 요청을 사용한다.

send() //get 방식 
send("문자열") //POST방식