XMLHttpRequest 기본 사용 개념

따로 서버 구축없이 테스트 방법은 아래글 참고해서 진행해라.

https://goldencrab.tistory.com/entry/CORS-%ED%95%B4%EA%B2%B0%EC%9D%84-%EC%9C%84%ED%95%9C-disable-web-security-user-data-dirCchrome

CORS 해결을 위한 --disable-web-security --user-data-dir="C:\chrome"

 

 

// 생성

let xhr = new XMLHttpRequest();

 

// 요청

xhr.open("GET", "서버에 있는 데이터 주소 or 로컬경로");

--> 세번째 옵션은 필수가 아닌데, false 를 넣으면 비동기방식을 사용하지 않겠다..즉 동기로 동작하도록 설정가능.

--> 그러나 실제 이렇게는 잘 사용하지 않음.

 

// 최종요청

xhr.send();

 

응답확인은 

크롬브라우져 개발자도구에서

xhr.response