Heim > Web-Frontend > Front-End-Fragen und Antworten > Welche Status haben Ajax-Anfragen?

Welche Status haben Ajax-Anfragen?

青灯夜游
Freigeben: 2022-01-19 17:35:56
Original
3547 Leute haben es durchsucht

Ajax-Anfragestatus: 1. „Nicht initialisiert“, was darauf hinweist, dass die send()-Methode nicht aufgerufen wurde; 2. „Laden“, was darauf hinweist, dass die send()-Methode aufgerufen wurde und die Anfrage gesendet wird; Laden abgeschlossen“; 4. „Interaktiv“ bedeutet, dass der Antwortinhalt geparst wird; 5. „Vollständig“ bedeutet, dass der Antwortinhalt geparst wurde und auf dem Client aufgerufen werden kann.

Welche Status haben Ajax-Anfragen?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Native Methode zum Schreiben von Ajax-Anfragen:

   var http = new XMLHttpRequest();
    http.open('get','./package.json');
    http.onreadystatechange = function () {
        if(http.readyState == 4 && http.status == 200) {
           var result = JSON.parse(http.responseText);
            console.log(result.name)
        }
    };
    http.send();
Nach dem Login kopieren

5 Zustände der Ajax-Anfrage (readyState)

  • 0 – (nicht initialisiert) die send()-Methode wurde noch nicht aufgerufen

  • 1 – (wird geladen). send()-Methode aufgerufen, Anfrage senden

  • 2 – (Laden abgeschlossen) send()-Methodenausführung abgeschlossen, der gesamte Antwortinhalt wurde empfangen

  • 3 – (Interaktions-)Antwortinhalt wird analysiert

  • 4 – (Abgeschlossen) Die Analyse des Antwortinhalts ist abgeschlossen und kann auf dem Client aufgerufen werden.

readyState-Statusbeschreibung

(0) Nicht initialisiert

 In diesem Stadium wird bestätigt, ob das XMLHttpRequest-Objekt vorhanden ist erstellt und die open()-Methode wurde nicht aufgerufen. Bereiten Sie die Initialisierung vor. Ein Wert kleiner als 0 zeigt an, dass das Objekt bereits existiert. Andernfalls meldet der Browser einen Fehler: Das Objekt existiert nicht.

(1) Laden

In diesem Stadium wird das XML-HttpRequest-Objekt (Standardisierung rückt näher) initialisiert, das heißt, die open()-Methode wird aufgerufen und der Objektstatus wird entsprechend den Parametern (Methode, URL) festgelegt , WAHR). Und rufen Sie die Methode send() auf, um mit dem Senden von Anforderungen an den Server zu beginnen. Der Wert 1 gibt an, dass eine Anfrage an den Server gesendet wird.

(2) Laden abgeschlossen

In diesem Stadium werden die Antwortdaten vom Server empfangen. Es werden jedoch nur die Rohdaten der Serverantwort erhalten und können nicht direkt auf dem Client verwendet werden. Ein Wert von 2 gibt an, dass alle Antwortdaten empfangen wurden. Und bereiten Sie sich auf die nächste Stufe der Datenanalyse vor.

(3) Interaktion

In dieser Phase werden die empfangenen serverseitigen Antwortdaten analysiert. Das heißt, je nach MIME-Typ, der vom serverseitigen Antwortheader zurückgegeben wird, werden die Daten in ein Format konvertiert, auf das über die Attribute „responseBody“, „responseText“ oder „responsexml“ (die Standardisierung rückt immer näher) zugegriffen werden kann, und sind für den Aufruf bereit Kunde. Status 3 zeigt an, dass die Daten analysiert werden.

(4) Abgeschlossen

Diese Phase bestätigt, dass alle Daten in ein vom Client verwendbares Format geparst wurden und das Parsen abgeschlossen wurde. Der Wert 4 zeigt an, dass die Datenanalyse abgeschlossen ist und die Daten über die entsprechenden Attribute des XML-HttpRequest-Objekts abgerufen werden können (Standardisierung rückt näher).

【Ähnliche Tutorial-Empfehlung: AJAX-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWelche Status haben Ajax-Anfragen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage