English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
AJAX ermöglicht die 'asynchrone' Aktualisierung der Webseite durch den Austausch von Daten mit dem Webserver im Hintergrund.
Das bedeutet, dass bestimmte Teile der Webseite aktualisiert werden können, ohne dass die gesamte Seite neu geladen wird, was den Benutzern ein besseres Erlebnis bietet und die Geschwindigkeit der Datenübertragung erhöht.
Die jQuery-Bibliothek verfügt über ein vollständiges Set von AJAX-Funktionen.
Diese Funktionen und Methoden ermöglichen es, Daten vom Server ohne Neuladen der Browserseite zu laden.
Wenn auf der Seite bestimmte AJAX-Ereignisse (z.B. Initialisierung oder Abschluss) auftreten, fügen diese Methoden eine zu aufrufende Funktion hinzu:
| Methode | Beschreibung |
|---|---|
| ajaxComplete() | Fügt eine zu aufrufende Funktion hinzu, die aufgerufen wird, wenn eine AJAX-Anfrage abgeschlossen ist. Dies ist ein AJAXEvent |
| ajaxError() | Fügt eine zu aufrufende Funktion hinzu, die aufgerufen wird, wenn eine AJAX-Anfrage abgeschlossen ist und ein Fehler aufgetreten ist. Dies ist ein AJAX-Ereignis |
| ajaxSend() | Fügt eine zu aufrufende Funktion hinzu, die vor dem Senden einer AJAX-Anfrage aufgerufen wird. Dies ist ein AJAX-Ereignis |
| ajaxStart() | Fügt eine zu aufrufende Funktion hinzu, die vor dem Start der ersten AJAX-Anfrage aufgerufen wird. Dies ist ein AJAX-Ereignis |
| ajaxStop() | Fügt eine zu aufrufende Funktion hinzu, wenn alle AJAX-Anfragen abgeschlossen sind. Dies ist ein AJAX-Ereignis |
| ajaxSuccess() | Fügt eine zu aufrufende Funktion hinzu, wenn eine AJAX-Anfrage erfolgreich abgeschlossen wird. Dies ist ein AJAX-Ereignis |
Diese Funktionen helfen bei den häufigsten Konventionen, die bei der Ausführung von AJAX-Aufgaben auftreten:
| Methode | Beschreibung |
|---|---|
| $.param() | Erstellt eine Sequenzierung von Array oder Objekt (kann als URL-Abfragestring für AJAX-Anfragen verwendet werden) |
| serialize() | Ein Satz von Formularelementen wird in einen zu übermittelnden String codiert |
| serializeArray() | Ein Satz von Formularelementen wird in ein Array aus Namen und Werten codiert |
Diese Methoden können für den Versand beliebiger Ajax-Anfragen verwendet werden:
| Methode | Beschreibung |
|---|---|
| $.ajax() | Asynchrone HTTP (AJAX)-Anfragen ausführen |
| $.ajaxPrefilter() | Vor dem Senden jeder Anfrage und vor der Verarbeitung durch $.ajax() selbst, benutzerdefinierte Ajax-Optionen verarbeiten oder vorhandene Optionen ändern. |
| $.ajaxSetup() | Standardwerte für zukünftige AJAX-Anfragen festlegen. Nicht empfohlen |
| $.ajaxTransport() | Ein Objekt erstellen, das die tatsächliche Übertragung von Ajax-Daten verarbeitet |
Diese Methoden führen häufige Ajax-Anfragen mit weniger Code aus:
| Methode | Beschreibung |
|---|---|
| $.get() | Daten vom Server mit einem HTTP GET-Anfrage laden |
| $.getJSON() | JSON-kodiertes Daten vom Server mit einem GET HTTP-Anfrage laden |
| $.getScript() | JavaScript-Datei mit einem GET HTTP-Anfrage vom Server laden (und ausführen) |
| $.post() | Daten vom Server mit einem HTTP POST-Anfrage laden |
| load() | Daten vom Server laden und das zurückgegebene HTML in das ausgewählte Element einfügen |