Was sind die häufigsten Fehler bei der Verwendung von Ajax?-js-Tutorial-php.cn

Heim

Web-Frontend

js-Tutorial

Was sind die häufigsten Fehler bei der Verwendung von Ajax?

Apr 03, 2018 pm 02:56 PM

ajax Welche 常见

Dieses Mal zeige ich Ihnen, was die häufigen Fehler bei der Verwendung von Ajax sind und was die häufigsten Fehler Hinweise beim Umgang mit Ajax sind. Hier sind praktische Fälle, nehmen wir an sehen.

1. Es gibt ein Problem mit der if else-Anweisung, wenn Ajax eine Anfrage sendet.

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

Nach dem Login kopieren

xhr.send();

Nach dem Login kopieren

Zu diesem Zeitpunkt wurden zwei 200-Statuscodes ausgegeben, und dann wurde xhr.responseText, der erhaltene Inhalt, ausgegeben. Es war damals sehr seltsam. Ich frage mich, wo diese beiden 200 herkamen.

Ich habe damals versucht, viele Inhalte auszugeben, konnte aber immer noch nicht den Grund finden. Das Problem wurde erst entdeckt, als die else-Anweisung in console.log (xhr.readystate) geändert wurde. Zu diesem Zeitpunkt war die Ausgabeprüfung 2, 3 und der erhaltene Inhalt wurde abgerufen. Erst dann habe ich den Grund herausgefunden:

Von dem Zeitpunkt an, an dem xhr eine Anfrage sendet, bis zum Ende der Anfrage durchläuft es 5 Status. Die Statuscodes sind 0, 1, 2, 3, 4 (was der Wert von readystate). Jedes Mal, wenn sich der Status ändert, wird das Ereignis „readystatechange“ ausgelöst und die Funktion Ereignisverarbeitung aufgerufen. Wenn sich der Statuscode auf 2 ändert, ruft er das Ereignis „readystatechange“ auf und verwendet dann die if/else-Anweisung. Dies ist offensichtlich „readystate“, also nicht 4, und verwendet dann die „else“-Anweisung, um 2 auszugeben. Und so weiter , wenn es 3 oder 4 ist Rufen Sie dann das Ereignis readystatechange auf und übernehmen Sie den Inhalt nur, wenn 4, die Anforderung erfolgreich ist und der Anforderungsinhalt zurückgegeben wird.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

Wie sendet Ajax ein Formular und implementiert den Datei-Upload?

Ajax überträgt Daten im JSON-Format an die Hintergrund. Wie man mit Fehlern umgeht

Das obige ist der detaillierte Inhalt vonWas sind die häufigsten Fehler bei der Verwendung von Ajax?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn