Latest web development tutorials

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:

Beispiele

$ ( "# Div1") Last ( "demo_test.txt") .;

Versuchen »

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:

Beispiele

$ ( "# Div1") Last ( "demo_test.txt # p1") .;

Versuchen »

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

$("button").click(function(){
$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("外部内容加载成功!");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});

Versuchen »