Ajax를 사용할 때 흔히 저지르는 실수는 무엇입니까?

이번에는 Ajax를 사용할 때 흔히 저지르는 실수가 무엇인지, Ajax를 다룰 때 흔히 저지르는 실수Notes가 무엇인지 보여드리겠습니다. 실제 사례를 살펴보겠습니다.

1. Ajax가 요청을 보낼 때 if else 문에 문제가 있습니다.

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를 출력합니다. 비유하자면 3 또는 4일 때입니다. , Readystatechange 이벤트가 다시 호출됩니다. if 내부의 내용이 4인 경우에만 요청이 성공하고 요청 내용이 반환됩니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

양식을 제출하고 ajax로 파일 업로드를 구현하는 방법

Ajax가 json 형식 데이터를 백그라운드로 전송할 때 오류를 처리하는 방법

위 내용은 Ajax를 사용할 때 흔히 저지르는 실수는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!