HTML5 - Ajax-Ereignisse

Inhaltsverzeichnis
Während Sie auf dem Weg der Dominanz voranschreiten Ajax Einer der Punkte, die wir finden, ist, den Ereignishandler zu erstellen. Diese Ereignisse werden ausgelöst, wenn wir eine Ajax-Anfrage stellen und eine Antwort zurückgeben.
Es ist wichtig, die Ereignisse sehr gut zu kennen, da die Art und Weise, wie wir unsere eigenen Funktionen implementieren, davon abhängt. Wenn wir also die Ursache einer Reaktion kennen, können wir unsere Funktionen erstellen.
Ajax-Ereignisse
Wie bereits beschrieben, besteht einer der wichtigsten Schritte darin, die Ereignisse zu kennen, die bei einer Anfrage auftreten können AjaxAls nächstes wollen wir sehen, was sie sind und wann sie auftreten.
abbrechen: Dieses Ereignis wird ausgelöst, wenn die Anforderung abgebrochen wird. Es ist vom Typ FortschrittEvent, d. h. während der Fortschritt des Abschließens der Anforderung auftritt.
Error: Dieses Ereignis wird ausgelöst, wenn die Anforderung fehlschlägt, es ist auch vom Typ FortschrittEvent.
Belastung: Wenn eine Anfrage erfolgreich abgeschlossen wurde, ist sie vom Typ FortschrittEvent.
Ladeende: Es wird ausgelöst, wenn die Anfrage abgeschlossen ist, es kann sein, dass es erfolgreich oder mit einem Fehler abgeschlossen wurde, es ist vom Typ FortschrittEvent.
Ladestart: Er wird beim Starten einer Anfrage ausgelöst.
Fortschritt: Es wird ausgelöst, um den Fortschritt während der Anfrage anzuzeigen, es ist vom Typ FortschrittEvent.
readystatechange: Es ist ein Ereignis, das in den verschiedenen Stationen während des Lebenszyklus der Anfrage ausgelöst wird.
Auszeit: Es wird ausgelöst, wenn die Ausführungszeit der Anfrage abgelaufen ist: Es ist vom Typ FortschrittEvent.
Die meisten dieser Ereignisse werden zu einem bestimmten Zeitpunkt in der Anforderung ausgelöst. Ajax, die Ausnahme sind die Veranstaltungen readystatechange Ja Fortschritt, die jederzeit im Lebenszyklus der Anfrage ausgelöst werden kann, um den Status der Anfrage abzurufen.
Da dies auf den ersten Blick etwas komplex erscheint, erstellen wir einen kleinen Beispielcode, der uns zeigt, was in den einzelnen Phasen des Lebenszyklus einer Anfrage passiert, damit können wir sehen, was passiert:
 BeispielÄpfel Kirschen Bananen
drücke einen Knopf

Mit diesem Code fordern wir einfach in jeder Phase der Anfrage die Informationen an, die mit dem Ereignis mit dem Objekt verbunden sind Ereignisdetails anzeigenAuf diese Weise erfassen wir asynchron jede Stufe der Anfrage.
Sobald wir jede Phase der Veranstaltung registriert haben, sind wir daran interessiert, sie analysieren zu können, damit wir sie in einer Tabelle ausdrucken HTML Damit wir am Ende alles mitbekommen, was bei einer Ajax-Anfrage passiert ist, sollten wir in unserem Browser etwas Ähnliches sehen:

VERGRÖSSERN

Wie wir sehen, benötigt die Anfrage mehrere Schritte, bevor die erwartete Antwort geliefert wird. Dies ist das, was hinter einer einfachen Anfrage läuft.
Damit beenden wir das Tutorial und können jetzt analysieren, was passiert, wenn wir diese Technologie verwenden, um asynchrone Ladevorgänge in unseren Dokumenten oder Seiten durchzuführen HTML.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben
wave wave wave wave wave