Ajax

14 Sep 2021 in Programming on JavaScript

call back 함수는 모든 동기적인 함수가 실행되고 난 후에 실행된다.

 function ajax() {
   var oReq = new XMLHttpRequest();

  oReq.addEventListener("load", function() {
    console.log(this.responseText);
  }); //콜백함수는 비동기 함수. 동기함수의 실행이 끝나면 실행된다.

   oReq.open("GET", "http://www.example.org/example.txt");
   oReq.send();
}

ajax 응답은 json 데이터인 문자열로 온다. 그래서 문자열을 자바스크립트 객체로 변환해서 데이터에 접근할 수 있다.
javascri t var oReq = new XMLHttpRequest(); oReq.addEventListener("load", function() { console.log(this.responseText); var obj = JSON.parse(this.responseText); //JSON.parse로 문자열을 JSON 객체로 바꿔준다. }); oReq.open("GET", "./json.txt"); oReq.send();
cross domain 문제, XHR 통신은 다른 도메인간에는 보안 이유로 요청이 안된다. 헤더설정을 해야해 CORS를 사용, or JSONP방식으로 통신

https://www.youtube.com/watch?v=8aGhZQkoFbQ&t=729s