AJax 학습 노트 2(onreadystatechange 의 역할)

요청 을 보 낸 후 클 라 이언 트 가 이 요청 을 언제 끝 낼 지 확인 할 수 없 기 때문에 요청 한 상 태 를 이벤트 메커니즘 으로 캡 처 해 야 합 니 다.XML HttpRequest 대상 은 onready State Change 이 벤트 를 제공 합 니 다.이것 은 반전 함수 와 유사 한 방법 이다.onready State Change 이 벤트 는 이벤트 처리 함 수 를 지정 하여 XML HttpRequest 대상 의 실행 결 과 를 처리 할 수 있 습 니 다.예 를 들 어

 
ajaxObj=createAjaxObject(); 
var url="/MyTodoes/FetchText?id="+id; 
ajaxObj.open("Get",url,true); 
ajaxObj.onreadyStateChange=changeTabCallBack; 
ajaxObj.send(null); 

W3C 의 상세 한 설명 을 보고 이 예 를 보면 더욱 이해 할 수 있 습 니 다.onready State Change 이 벤트 는 ready State 속성 이 바 뀌 었 을 때 발생 합 니 다.ready State 의 값 은 현재 요청 한 상 태 를 표시 합 니 다.이벤트 처리 프로그램 에서 이 값 에 따라 다른 처 리 를 할 수 있 습 니 다.ready State 는 5 가지 추출 가능 한 값 0 이 있 습 니 다.초기 화 되 지 않 았 습 니 다.1:로드 중 입 니 다.2:로드 완료,3:처리 중 입 니 다.4:처리 완료.ready State 속성의 값 이 4 로 바 뀌 면 서버 에서 돌아 온 응답 데이터 에 접근 할 수 있 습 니 다.보통 이벤트 에서 ready State 의 값 은 요청 이 끝 났 을 때 만 처 리 됩 니 다.예 를 들 어

 
function changeTabCallBack(){ 
if(ajaxObj.readyState==4){ 
//       
} 
} 

Status 는 서버 에서 돌아 오 는 Http 요청 응답 코드 를 저장 합 니 다.요청 한 처리 결 과 를 표시 합 니 다.흔히 볼 수 있 는 응답 코드 의 의 미 는 오른쪽 과 같 습 니 다.Ajax 개발 에서 가장 많이 사용 되 는 응답 코드 는 200 입 니 다.코드 는 다음 과 같 습 니 다

 
function changeTabCallBack(){ 
if(ajaxObj.readyState==4){ 
if(ajaxObj.status==200){ 
//           ，       
} 
} 
} 

Http 상태 코드 의미 200 요청 은 202 요청 이 수락 되 었 으 나 처리 가 완료 되 지 않 았 습 니 다.400 오류 요청 404 요청 자원 은 500 내부 서버 오 류 를 찾 지 못 했 습 니 다.