[Ajax] 서버 외의 외부에서 데이터 가져오기(java script)

 

* 외부사이트의 데이터를 가져오기

:  document.getElementbyId처럼 서버 너머의 데이터를 가져오는 도구가 바로 ajax !

 

new XMLHttpRequest();

 

ajax : 서버 너머의 데이터를 가져오는 도구.

출력 결과를 돌려준다. 이 결과를 저장할 저장소가 필요한데

 

 

let ajax = new XMLHttpRequest(); 

 

 

new XMLHtllpRequest(); 데이터가 저장될 저장소를 만들어 준 것

 

 

 

const ajax = new XMLHttpRequest();

 

+) 틈새 복습

 let은 후에 다른 값을 넣을 수 있지만(=변수), const는 후에 데이터를 만들 수 없다(=상수)

 

ajax.open('GET',' 가져오고자 하는 url주소 ',false);

저 url에서 가져오는 데이터 값을 동기적으로 처리하겠다.

 

ajax.send(); // ajax.send();

 

: 데이터를 가져온다.

 

가져온 데이터는 ajax의 response에 값이 들어와있다.

// ajax.response

 

이를 확인하기 위해서 console에 찍어보기

console.log(ajax.response);

 

 

but, 실행시켜보면 데이터가 읽기 힘들게 한줄로 쫘악 나옴

-> JS에서 다루기 쉽도록 response에 있는 데이터를 Preview 탭에 있는 것처럼 바꿔보기(객체형)

     * 응답값으로 온 형식이 json 형식으로 온 것만 객체형으로 바꿀 수 있ㄷㅏ

const newsFeed = JSON.parse(ajax.response);
console.log(ajax.response);