Neueste Web-Entwicklung Tutorials
 

jQuery load() Method

<JQuery AJAX - Methoden

Beispiel

Laden Sie den Inhalt der Datei "demo_test.txt" in einem bestimmten <div> Element:

$("button").click(function(){
    $("#div1").load("demo_test.txt");
});
Versuch es selber "

Definition und Verwendung

Die load() Methode lädt Daten von einem Server und stellt die zurückgegebenen Daten in das ausgewählte Element.

Hinweis: Es gibt auch ein jQuery - Ereignis Methode namens load . Welches aufgerufen wird, hängt von den Parametern.


Syntax

$(selector).load(url,data,function(response,status,xhr))

Parameter Beschreibung
url Erforderlich. Gibt die URL Sie laden möchten
data Optional. zusammen mit der Anforderung spezifiziert Daten an den Server zu senden,
function(response,status,xhr) Optional. Gibt eine Callback - Funktion ausgeführt wird, wenn die load() Methode abgeschlossen ist.

Zusätzliche Parameter:
  • response - enthält die Ergebnisdaten aus der Anfrage
  • status - enthält den Status der Anforderung ( "success", "notmodified", "error", "timeout" , oder "parsererror" )
  • xhr - enthält das XMLHttpRequest - Objekt

Probieren Sie es selbst - Beispiele

Machen Sie eine AJAX - Anforderung und senden Daten mit der Anforderung
Wie die Datenparameter zu verwenden , um Daten mit dem zu senden AJAX Anfrage ( in diesem Beispiel verwendet der ein Beispiel in unserer erklärt AJAX Tutorial )

Machen Sie eine AJAX - Anforderung und verwenden , um eine Callback - Funktion
Wie die Funktionsparameter zu verwenden, mit dem Daten ergeben sich aus der AJAX-Request zu arbeiten.

Machen Sie eine AJAX - Anforderung mit einem Fehler
Wie die Funktionsparameter zu verwenden , mit Fehlern in einer AJAX - Request (mit dem zu beschäftigen XMLHttpRequest - Parameter).


<JQuery AJAX - Methoden