Asynchronous JavaScript and XML (AJAX)는 RIA(Rich Internet Application)을 구현을 가능케 하는 개발 모형이다. 실례로, Google Suggest 나 Google Maps 에서 페이지의 Refresh('새로고침') 없이 동적으로 페이지 안에서의 변화가 생김을 볼 수 있다.
데이터는 실제로 서버에 저장되어 있는 XML (또는 다른 데이터)로부터 불려들여진다.
페이지는 서버와 통신을 할 때에 HTTP (Hypertext Transfer Protocol)를 프로토콜로 사용한다. 마이크로소프트의 Access 2003 에서 처음 사용된 HTTP Request 모델이 웹브라우저에 사용되기 시작하여 현재는 XMLHttpRequest Object 를 사용하여 브라우저는 서버와 통신을 할 수 있게 되었다.
XMLHttpRequest 객체는 다음과 같은 상태(Status)를 가지고 있다.
200 - OK
204 - No Content
301 - Moved Permanently
401 - Not Authorized
403 - Forbidden
404 - Not found
408 - Request Timeout
500 - Server Error
JavaScript 를 사용하여 AJAX를 구현할 때에는 주로 Status 가 200 인 상태를 확인한 후에 구현을 하게 된다. 한가지 더 알아두어야 할 것은 readyState이다.
readyState 는 request 의 상태를 나타낸다.
0 - Uninitialized
1 - loading
2 - loaded
3 - interactive
4 - completed
위의 두가지를 조합한 결과로 주된 AJAX 의 사용은 다음의 코드로 Condition 을 체크할 필요가 있다.
var xhr = new XMLHttpRequest();
...
if (xhr.readyState == 4){
if(xhr.status == 200){
//Do Something
}
}
Be the first to rate this post
- Currently 0/5 Stars.
- 1
- 2
- 3
- 4
- 5