onreadystatechange에 등록된 callback fuction은 readyState라는 프로퍼티의 값이 변경될 때마다 호출됨
|
값 |
설명 |
의미 |
|
0 |
객체만 생성 (open 메서드가 호출되지 않음) |
UnInitialized |
|
1 |
open 메서드가 호출되고 아직 send 메서드가 불리지 않은 상태 |
Loading |
|
2 |
send메서드 호출, status아 헤더가 도착하지 않은 상태 |
Loaded |
|
3 |
데이터의 일부를 받은 상태 |
Interactive |
|
4 |
데이터 전부 받은 상태, 완전한 데이터의 이용 가능 |
Completed |
* status/stateText - 서버로부터의 응답상태.
|
값(status) |
텍스트(statusText) |
설 명 |
|
200 |
OK |
요청 성공 |
|
403 |
Forbidden |
접근 거부 |
|
404 |
Not Found |
페이지 없슴 |
|
500 |
Internal Server Error |
서버 오류 발생 |
Example>
httpRequest.onreadystatechange = callbackFunction;
httpRequest.open("GET", "/test.JSP", ture);
httpRequest.send(null); //요청을 보내고
...
//서버에서 응답을 받은 후 수행하는 함수를 콜백 함수라 한다.
function callbackFunction() //요청을 받는다.
{
//서버에서 응답온 후 적절한 작업을 수행
if(httpRequest.readyState == 1 || httpRequest.readyState == 2 || httpRequest.readyState == 3)
{
// 서버에서 처리 시간이 길어져 응답이 늦게 도착할때 이 상태를 이용해서 현재 서버가 처리중임을 알리는 내용을 화면에 출력한다.
// 단 브라우저마다 readyState의 2, 3 번 값이 틀리기 때문에 크로스 브라우저를 지원하기 위해서는 1번과 4번만 사용하는 것이 유용하다.
}
else if(httpRequest.readyState == 4)
{
//서버로부터 응답이 도착
}
}
