jQuery AJAX-Funktionen
jQuery verfügt über eine reiche Bibliothek von Funktionen (Methoden) für die AJAX-Entwicklung.
jQuery AJAX-Beispiel
Klicken Sie auf die folgenden Schaltflächen, um diesen Text über AJAX zu ändern
Der obige Beispiel ist aus unserem AJAX-Tutorial, aber mit jQuery geändert.
Was ist AJAX?
AJAX = Asynchronous JavaScript and XML.
AJAX ist eine Technologie zur Erstellung schneller dynamischer Webseiten.
AJAX ermöglicht es Webseiten, durch den Austausch von geringem Datenverkehr im Hintergrund mit dem Server, asynchrone Updates durchzuführen. Dies bedeutet, dass es möglich ist, einen Teil der Webseite zu aktualisieren, ohne die gesamte Seite neu zu laden.
Sie können in unseren AJAX-Tutorial erlernen Sie mehr über AJAX.
AJAX und jQuery
jQuery bietet eine reiche Bibliothek von Funktionen (Methoden) für die AJAX-Entwicklung.
Durch jQuery AJAX können Sie TXT, HTML, XML oder JSON von einem Remote-Server anfordern, sei es über HTTP Get oder HTTP Post.
und Sie können die Remote-Daten direkt in das ausgewählte HTML-Element der Webseite laden!
Mach weniger, erledige mehr
Die jQuery load-Funktion ist eine einfache (aber sehr mächtige) AJAX-Funktion. Ihre Syntax ist wie folgt:
$(selector).load(url, data, callback)
Verwenden Sie selector um den zu ändernden HTML-Element zu definieren, verwenden Sie url Parameterum die Web-Adresse der Daten zu spezifizieren.
Parameter. Sie müssen diese verwenden, wenn Sie Daten an den Server senden möchten. data Parameter. Sie müssen diese verwenden, wenn Sie nach Abschluss der Ausführung eine Funktion auslösen möchten. callback Parameter.
Niedriger AJAX-Level
$.ajax(options) ist die Syntax der niedrigeren Ebenen AJAX-Funktionen.
$.ajax bietet mehr Funktionen als die höheren Ebenen, ist jedoch auch schwerer zu verwenden.
Option Die Parameter sind Paare von name|value, die URL-Daten, Passwort, Datentyp, Filter, Zeichensatz, Timeout und Fehlerfunktion definieren.
jQuery AJAX-Anfragen
| Anfrage | Beschreibung |
|---|---|
| $(selector).load(url, data, callback) | Laden von Remote-Daten in das ausgewählte Element |
| $.ajax(options) | Laden von Remote-Daten in das XMLHttpRequest-Objekt |
| $.get(url, data, callback, type) | Laden von Remote-Daten mit HTTP GET |
| $.post(url, data, callback, type) | Laden von Remote-Daten mit HTTP POST |
| $.getJSON(url, data, callback) | Laden von Remote JSON-Daten mit HTTP GET |
| $.getScript(url, callback) | Laden und Ausführen eines Remote-JavaScript-Datei |
(url) URL (Adresse) der geladenen Daten
(data) Objekt, das die Daten an den Server sendet
(callback) Funktion, die beim Laden der Daten ausgeführt wird
(type) Typ der zurückgegebenen Daten (html, xml, json, jsonp, script, text)
(options) Alle Optionen für die gesamten AJAX-Anfragen, Schlüssel/Wert-Paare
Referenzhandbuch
Für mehr Informationen über die jQuery AJAX-Funktionen besuchen Sie bitte unsere jQuery AJAX Referenzhandbuch.
