[javascript] Ajax와 XMLHttpRequest 그리고 fetch

공부하면서 정리한 내용입니다
참고한 내용은 맨 아래의 링크를 확인해주세요

---

🌔 Ajax ( Asynchronous JavaScript And XML )

XMLHttpRequest

let URL = "API URL";

let xhr = new XMLHttpRequest();
xhr.open("GET", URL, true); //옵션 :: 전송방식, 경로, 비동기사용여부
xhr.send();
xhr.onload = function(){
        
        if (httpRequest.readyState === XMLHttpRequest.DONE){	  // 이상 없음, 응답 받았음
          
            console.log(xhr.responseText);
            
        } else {	  // 아직 준비되지 않음
          
        }

}

readyState
0 (uninitialized) request가 초기화되지 않음
1 (loading) 서버와의 연결이 성사됨
2 (loaded) 서버가 request를 받음
3 (interactive) request(요청)을 처리하는 중
4 (complete) request에 대한 처리가 끝났으며 응답할 준비가 완료됨

fetch

1) 상세설명

fetch

2) 상세설명

[자바스크립트] fetch() 함수로 원격 API 호출하기

---