○Ajax
▷Asynchronous Javascript And Xml
▷XMLHttpRequest 객체를 이용해서 페이지 일부의 데이터만 로드하는 기법
▶과거 방식 (Synchronous Request)
▷페이지 일부의 변화에도 전체 페이지를 새로 받아옴.
▷받는동안 일시적으로 빈 페이지가 로딩됨. (새 패이지를 받는 동안 대기해야함)
▷느리고 불편함. 대기동안 클라이언트와 상호작용할 수 없음.
▶Asynchronous Request
▷각 Entries가 독립적이고 동적으로 관리된다.
▷에러가 발생하면 비동기적으로 문제를 보여주고, 서버에 전달한다.
▷전 데이터에 기반하여 새로운 값으로 field를 채울 수 있다.
▶Ajax 방법
▷XMLHttpRequest.open( "GET", url, true) : 비동기식 통신 (false: 동기식 통신)
▷XMLHttpRequest.addEventListener("readystatechange", Callback function, false) : 이벤트 핸들러 추가.
▶readystatechange : readystate가 변할때 호출
▷0: request not initialized (open)
▷1: sever connection established (send)
▷2: request received
▷3: processing request
▷4: request finished and response is ready (전송 완료)
▶XMLHttpRequest.status
▷200 : 성공
▷403 : Forbidden (금지됨)
▷404 : Page not found (페이지가 없음)
▷500 : Error
▶Callback function
▷데이터를 받았을 때 처리할 함수.
▷비동기적이다. (데이터를 받을때 까지 기다리지 않는다.)
◎Example
