Wenn eine Anfrage an den Server gesendet wird, müssen wir einige antwortbasierte Aufgaben ausführen.
Immer wenn sich readyState ändert, wird das Ereignis onreadystatechange ausgelöst.
Das Attribut „readyState“ speichert die Statusinformationen von XMLHttpRequest.
Im Folgenden sind drei wichtige Eigenschaften des XMLHttpRequest-Objekts aufgeführt:
| Eigentum | beschreiben |
|---|---|
| onreadystatechange | Speichert eine Funktion (oder einen Funktionsnamen), die immer dann aufgerufen wird, wenn sich die Eigenschaft „readyState“ ändert. |
| readyState | Der Status von XMLHttpRequest existiert. Wechselt von 0 auf 4. 0: Die Anfrage ist nicht initialisiert 1: Serververbindung hergestellt 2: Anfrage erhalten 3: Anfrage wird bearbeitet 4: Die Anfrage ist abgeschlossen und die Antwort ist bereit |
| Status | 200: „OK“ 404: Seite nicht gefunden |
Im Ereignis onreadystatechange geben wir die Aufgaben an, die ausgeführt werden sollen, wenn die Serverantwort zur Verarbeitung bereit ist.
Wenn readyState gleich 4 ist und der Status 200 ist, ist die Antwort bereit:
Hinweis: Das onreadystatechange-Ereignis wird jeweils viermal (0–4) ausgelöst: 0–1, 1–2, 2–3, 3–4, entsprechend jeder Änderung von readyState.
Eine Callback-Funktion ist eine Funktion, die als Parameter an eine andere Funktion übergeben wird.
Wenn Sie mehrere AJAX-Aufgaben auf Ihrer Site haben, sollten Sie eine Standardfunktion zum Erstellen eines XMLHttpRequest-Objekts schreiben und diese Funktion für jede AJAX-Aufgabe aufrufen.
Der Funktionsaufruf sollte die URL und die Aufgabe enthalten, die beim Eintreten des onreadystatechange-Ereignisses ausgeführt werden soll (die bei jedem Aufruf unterschiedlich sein kann):