jQuery: AJAX-Lösungen

Globale AJAX-Events

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Über eine Reihe von globalen Events können Sie abfragen, in welchem Zustand sich die Anfragen gerade befinden.

Transkript

Es gibt eine Reihe von globalen Events, die Sie abfangen können, um zu erfahren, in welchem Zustand sich die Anfragen gerade befinden. Die wollen wir uns einmal ansehen. Ich habe ein Beispiel mit einer kleinen Ajax-Funktionalität, ein Formular, und wenn man das absendet, dann wird vom Server ein Dokument abgefragt, das den Geburtstagsgruss in der entsprechenden Sprache liefert. Was uns jetzt interessiert, ist der zweite Teil. Die globalen Ajax-Events können Sie für $(Dokument) nur abfragen, deswegen speichere ich das in einer Variable, und dann fange ich erstmal .ajaxStartup(), und lasse dann eine Meldung ausgeben. Genauso mache ich es mit .ajaxStop() -- wieder eine Meldung. .ajaxSend(), was im Anfang jedes Request ausgelöst wird, und darüber kann ich dann auch die URL des angeforderten Dokuments ermitteln über Settings und URL. Bei Erfolg eines Requests haben wir .ajaxSuccess(), und da ermittle ich im Beispiel nicht nur die URL, sondern auch die Antwort vom Server. Außerdem kann ich abfangen, wenn ein Request fehlschlägt, und schließlich gibt es .ajaxComplete(), das unabhängig davon ist, ob es geglückt ist oder nicht. Schauen wir uns das einmal an jetzt. Und Sie sehen, die ganzen Meldungen werden ausgegeben. Schauen wir uns dann an, was passiert im Falle eines Fehlers. Und dafür ändere ich mal diese Angabe, die URL, die Datei gibt es nicht, was im Fehlerfall passiert, und Sie sehen, .ajaxError() wurde ausgelöst. Wofür kann man das verwenden, diese globalen Events. Diese können Sie nützen, um beispielweise dem Besucher eine Meldung zu geben, in welchem Zustand sich die Anfragen befinden, ob beispielweise die Daten übertragen werden. Und das mache ich hier. Also bei .ajaxStart() habe ich ein Element, in dem lasse ich die Meldung ausgeben, "Daten werden übertragen", und das wird dann angezeigt, und wenn das Ganze funktioniert, verstecke ich die Meldung wieder. Hingegen, wenn es Probleme gibt, lasse ich auch entsprechend eine andere Meldung anzeigen. Schauen wir es uns noch einmal an. Ich lysiere das. Und wichtig ist, die Meldung erscheint jetzt hier unten. Ich wähle eine Sprache aus. Und Sie sehen, es erschien kurz. Daten werden übertragen. Das ging natürlich sehr schnell, weil ich hier lokal arbeite, und an Stelle eine Meldung können Sie natürlich auch ein Lade-Icon anzeigen lassen. Hier sehen Sie noch einmal alle globalen Handler-Methoden aufgelistet. Über diese sich informieren lassen können, über die aktuellen Zustände der Einzelnen Ajax abfragen.

jQuery: AJAX-Lösungen

Lernen Sie die Vorteile von Ajax bei der Webseitenerstellung kennen und nutzen Sie die verschiedenen Austauschformate in Ihren Projekten.

1 Std. 34 min (20 Videos)
Derzeit sind keine Feedbacks vorhanden...
Exklusiv für Abo-Kunden
Ihr(e) Trainer:
Erscheinungsdatum:25.10.2016
Laufzeit:1 Std. 34 min (20 Videos)

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!