[자바스크립트] Ajax 통신 : XMLHttpRequest, Fetch API

XMLHttpRequest를 이용 test.html의 데이터 받아오기 (Nodejs에서 쓰려면 npm으로 설치해야 한다.)

let request = new XMLHttpRequest();
request.open('GET', 'test.html');
console.log(request.responseText);
request.send();

 

Fetch API를 이용해 test.html의 데이터 받아오기

fetch('test.html') //명시하지 않으면 GET방식으로 통신한다
.then(function(response) {
	console.log(response.text());
})

 

 

 

 

 

XMLHttpRequest 참조 : https://developer.mozilla.org/ko/docs/Web/API/XMLHttpRequest

XMLHttpRequest 레퍼런스 : https://xhr.spec.whatwg.org/

XMLHttpRequest

XMLHttpRequest Standard

 

Fetch API 참조 : https://developer.mozilla.org/ko/docs/Web/API/Fetch_API

Fetch API 레퍼런스 : https://fetch.spec.whatwg.org/

Fetch API

Fetch Standard