XHR (XML Http Request) 이란

해당 포스트는 web scraping(web crawling)을 위한 기능 중 하나인 XHR에 관한 포스트입니다. 

 

XMLHttpRequest(XHR) 객체는 서버와 상호작용하기 위하여 사용됩니다.

전체 페이지의 새로고침없이도 URL 로부터 데이터를 받아올 수 있습니다.

즉, 전체 페이지와는 독립적으로(비동기적) 데이터를 주고 받을 수 있다는 의미다. 

XMLHttpRequest 는 AJAX(Asynchronos Javascript And XML)프로그래밍에 주로 사용됩니다.

 

XMLHttpRequest 는 XML 뿐 아니라, 모든 종류의 데이터를 받아오는데 사용할 수 있습니다.

또한 HTTP 이외의 프로토콜도 지원합니다(file 과 ftp 포함).

 

사용법

XMLHttpRequest를 http를 이용해서 예제를 살펴봅시다.

open이란 메소드를 이용해서 형식, url, 비동기여부(디폴트 : 비동기) 에 원하는 변수를 넣어준다.

XMLHttpRequest.open(method, url[, async[, user[, password]]])

• 형식 타입 : "GET", "POST", "PUT", "DELETE"

• url : url

• 비동기 여부 : true(비동기), false(동기), defalut(true)

• user : 암호화를 사용하는 경우 사용 default null

• password : 암호화를 사용하는 경우 사용 default null

var xhr = new XMLHttpRequest();
xhr.open('GET','http://localhost:3000/',true);
xhr.send(null);

var data = {
  name: 'apple',
  expiredate: 20191001,
};
xhr.setRequestHeader('Content-Type', 'application/json'); 
xhr.send(JSON.stringify(data)); 

이상으로 XHR을 알아봤는데 해당 기능을 알고 있으면 web scraping시 많은 도움이 됩니다.

크롬의 기능중에 network tab 의 XHR에서 어떤 데이터를 어떤 주소를 보내는지 확인 가능하다.