jQuery load() Methode
Die jQuery load() Methode ist eine einfache, aber leistungsfähige AJAX - Methode.
Die load() Methode lädt Daten von einem Server und stellt die zurückgegebenen Daten in das ausgewählte Element.
Syntax:
$(selector).load(URL,data,callback);
Die erforderliche URL-Parameter gibt die URL, die Sie laden möchten.
Der optionale Daten Parameter gibt eine Reihe von querystring Schlüssel / Wert - Paare mit der Anfrage zu senden zusammen.
Der optionale Rückruf Parameter ist der Name einer Funktion ausgeführt werden , nachdem die load() Verfahren abgeschlossen ist.
Hier ist der Inhalt unserer Beispieldatei: "demo_test.txt" :
<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>Im folgenden Beispiel wird der Inhalt der Datei "demo_test.txt" in einem bestimmten <div> Element:
Es ist auch möglich, einen jQuery-Selektor auf den URL-Parameter hinzuzufügen.
Im folgenden Beispiel wird der Inhalt des Elements mit id="p1" , in der Datei "demo_test.txt" , in eine spezifische <div> Element:
Der optionale Rückruf Parameter gibt eine Callback - Funktion ausgeführt werden, wenn die load() Methode abgeschlossen ist. Die Callback-Funktion können verschiedene Parameter haben:
- responseTxt - enthält den resultierenden Inhalt , wenn der Aufruf erfolgreich
- statusTxt - enthält den Status des Anrufs
- xhr - enthält das XMLHttpRequest - Objekt
Das folgende Beispiel zeigt eine Warnung , nachdem die load() Methode abgeschlossen. Wenn die load() Methode gelungen ist, zeigt es "External content loaded successfully!" , Und wenn es scheitert es eine Fehlermeldung angezeigt:
Beispiel
$("button").click(function(){
$("#div1").load("demo_test.txt", function(responseTxt, statusTxt, xhr){
if(statusTxt == "success")
alert("External content loaded successfully!");
if(statusTxt == "error")
alert("Error: " + xhr.status + ": " + xhr.statusText);
});
}); Versuch es selber " jQuery AJAX Reference
Eine vollständige Übersicht über alle Methoden jQuery AJAX, gehen Sie bitte auf unsere jQuery AJAX Reference .