Ajax 오류 처리 방법

ajax 요청을 보낼 때 else 문이 있으면 상태 판단 문제를 해결하는 방법은 무엇입니까? 다음으로 이번 글을 통해 ajax에서 만든 오류 처리 방법을 공유하겠습니다. ajax 오류에 관심 있는 친구들은 함께 살펴보세요

1. ajax 실행 시 상태 판단 문제. 요청을 보냅니다.

var xhr = new XMLHttpRequest(); 
xhr.open("get",strUrl);<br>
<br>xhr.onreadystatechange = function(){ 　　
<br><br>　　　
　if(xhr.readyState === 4){ 
<br><br><em id="__mceDel">　　　　　　　　
if(xhr.status ===200){ 　　
console.log(xhr.responseText); 　　　　　
} 　
<br><br></em><em style="line-height: 1.5;" id="__mceDel">
<em id="__mceDel"><em id="__mceDel"><em id="__mceDel">　　　　
}else </em></em></em></em><em style="line-height: 1.5;" id="__mceDel"><em id="__mceDel"><em id="__mceDel">
<em id="__mceDel"><em id="__mceDel">{<br>　　　　
console.log(xhr.status); } 　
<br>　}</em></em></em></em></em>

xhr.send();

　당시 200 상태코드 2개가 출력되었고, 이어서 획득한 내용인 xhr.responseText가 출력되었습니다. 당시에는 매우 이상했습니다. 이 두 200이 어디서 왔는지 궁금합니다.

그 당시에 많은 콘텐츠를 출력하려고 노력했지만 여전히 이유를 찾지 못했습니다. 문제점은 else 문을 console.log(xhr.readystate)로 변경한 경우에만 발견되었으며, 이때 출력 체크가 2, 3이 되어 얻어온 내용을 가져왔습니다. 그제서야 이유를 발견했습니다.

　xhr은 요청 전송부터 요청 종료까지 5가지 상태를 거치게 됩니다. 상태 코드는 0, 1, 2, 3, 4(readystate의 값)입니다. 상태가 변경될 때마다 readystatechange 이벤트를 트리거하고 이벤트 처리 기능을 호출합니다. 상태 코드가 2로 변경되면 Readystatechange 이벤트를 호출한 다음 if/else 문을 사용합니다.

이것은 분명히 4가 아닌 ReadyState이고 그런 다음 else 문을 사용하여 2를 출력합니다. 비유하자면, Readystatechange가 호출됩니다. 3과 4에서 다시 한번 확인하세요. 이벤트의 경우 콘텐츠가 4인 경우에만 if의 콘텐츠를 가져옵니다. 요청이 성공하면 요청 콘텐츠가 반환됩니다.

위는 편집자가 소개한 Ajax 오류 처리 방법입니다. 모든 분들께 도움이 되었으면 좋겠습니다! !

관련 권장 사항:

jQuery의 Ajax 오류 디버깅 분석

HTTP 메시지 및 ajax의 기본 지식을 설명하는 예

Ajax가 웹 사이트 하이재킹 감지를 구현하는 방법

위 내용은 Ajax 오류 처리 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!