AJAX 의미와 기본 동작에 대하여..

AJAX (Asynchronous JavaScript and XML)

 - 페이지를 이동하지 않고도 자바스크립트를 통해 HTTP Request를 보내고 그 응답을 받아 처리할 수 있는 기술을 의미.

var req = new XMLHttpRequest();                         //XMLHttpRequest 객체가 만들어지고 그 변수가 저장됨.

req.onreadystatechange = function a (){                  //req변수에 onreadystatechange 이벤트 추가.

console.log(this.readyState, this.status); 

if(this.readyState==4&&this.status==200){ //모든 응답이 수신되고, Response code값이 200이면,

console.log(this.response);            //response 를 출력.

}

}

req.open("GET", "./a.html");                                    //GET 메소드와 url 설정

req.send();                                                           //요청 전송

readyState 속성

0 - Open 메소드 호출 전

1 - open 메소드드 호출 후, send 메소드 호출 전

2 - 보낸 요청에 대해 응답 헤더가 수신 된 후

3 - 응답의 바디 부분이 수신중일 때

4 - 모든 응답이 수신되었을 때

위 속성값이 변경될때마다 호출되는 콜백 함수(이벤트)

 -> onreadystatechange 

기타 callback function 활용 가능한 속성

onloadstart

onprogress

onabort

onerror

onload

ontimeout

onloadend

※출처, 프로그래머스- 자바스크립트와 웹프론트엔드 개발 강좌에서 발췌