Unsere Datenschutzrichtlinie wird in Kürze aktualisiert. Bitte sehen Sie sich die Vorschau an.

jQuery: AJAX-Lösungen

AJAX mit jQuery

Testen Sie unsere 2016 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
jQuery nimmt Ihnen in gewohnter Manier viel Arbeit bei AJAX ab. Hier sehen Sie ein Beispiel für eine AJAX-Abfrage.

Transkript

jQuery nimmt Ihnen natürlich auch bei Ajax sehr viel Arbeit ab. Sehen wir uns das einmal im Vergleich an, wie Sie mit Ajax mit JavaScript Pure arbeiten und mit jQuery. Das Beispiel ist folgendes. Es ist ganz identisch. Ich wähle eine Sprache, und das wird dann hier unten angezeigt. Ein Mal haben wir das mit JavaScript Pure und ein Mal mit jQuery. Hier sehen Sie das Beispiel für die Realisierung mit JavaScript Pure. Ich muss das Objekt erstellen, und dann wirklich die Anfrage senden. Überprüfen, was sich ändert. Und dann, wenn alles klappt, kann ich das ausgeben lassen. Sehen wir uns jetzt an, wie das funktioniert, wenn ich jQuery einsetze. Erst einmal muss ich natürlich jQuery einbinden. Und dann muss ich abfangen, dass es eine Änderung gibt, beim Auswahlfeld. Wenn ich das in JavaScript Pure mache, dann wähle ich das Element aufgrund der "ID" aus und gebe "onchange" an. Jetzt, in der jQuery-Variante, kann ich natürlich das Element so auswählen. Dann fange ich das "change"-Ereignis ab und rufe eine Funktion auf. Und in der Funktion, rufe ich eine weitere Funktion auf. Die habe ich "ajaxanfrage" genannt, und der übergebe ich, den aktuell gewählten Wert. Sehen wir uns dann diese Funktion an. Sie sehen, die ist natürlich wesentlich kürzer als dieser ganze Code. Was geschieht hier? Also ich habe eine von jQuery vorgegebene Methode, die heißt "$.ajax". Das ist also eine globale Methode. Sonst haben Sie häufig Methoden, wo Sie davor den Selektor schreiben, aber hier ist es eine Methode des jQuery-Objekts selber. Und diese konfiguriere ich jetzt über verschiedene Parameter. Ich gebe zum Einen die URL an. Das heißt, die Datei, die ich aufrufen möchte. Ich gebe hinter "data" an, die Daten, die ich übergeben möchte. Im Beispiel ist es die Sprache. Und als Wert "wahl", das ist ja der Wert, den ich hier aus dem Formular ausgelesen habe. Und dann schreibe ich "success", und dahinter gebe ich an, was ich machen möchte, wenn das alles geklappt hat. Ich erhalte Daten zurück, und diese Daten kann ich dann, in das Element mit der id="gruss" hineinschreiben. Also, wieder ein Fall, wo jQuery äußerst praktisch ist, und Ihnen viel Arbeit abnimmt, wenn Sie vergleichen, wie Sie Ajax mit JavaScript Pure umsetzen müssen, und wie schnell und einfach das mit jQuery geht.

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...
 

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!