jQuery - AJAX Methode load ()
jQuery load () -Methode
jQuery load () Methode ist eine einfache, aber leistungsfähige AJAX-Methode.
load () Methode, um Daten von dem Server, und die Rückkehr der Daten in das ausgewählte Element zu laden.
Syntax:
$(selector).load(URL,data,callback);
URL- Parameter , die für eine vorgegebene URL , die Sie laden möchten.
Query - String - Parameter gibt die Schlüssel optionaleDatenzusammen mit der Anforderung / Wert - Paare gesendet.
Der optionaleCallback- Parameter ist der Name der Funktion nach der Methode load () die Ausführung abzuschließen.
Dies ist ein Beispiel für den Inhalt der Datei ( "demo_test.txt") von:
<h2>jQuery AJAX 是个非常棒的功能!</h2> <p id="p1">这是段落的一些文本。</p>
Das folgende Beispiel-Datei "demo_test.txt" wird der Inhalt in das angegebene geladen <div> Element:
Sie können auch die jQuery-Selektor auf den URL-Parameter hinzuzufügen.
Das folgende Beispiel Inhalt "demo_test.txt" file id = "p1" Element wird in das angegebene <div> Element geladen:
Der optionale Callback-Parameter gibt, wenn die Last () -Methode nach Abschluss Callback-Funktion zu ermöglichen. Die Callback-Funktion können verschiedene Parameter einstellen:
- responseTxt -enthält das Ergebnis der Inhalt der Aufruf erfolgreich
- statusTXT -enthält den Status des Anrufs
- xhr -enthält das XMLHttpRequest - Objekt
Im folgenden Beispiel wird nach der Methode load () zu vervollständigen ein Dialogfeld angezeigt wird. Wenn die Last () -Methode erfolgreich war, wird es zeigen "fremde Inhalte erfolgreich geladen!", Und wenn das fehlschlägt, wird eine Fehlermeldung angezeigt:
Beispiele
$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("外部内容加载成功!");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});
Versuchen »