jQuery load() Methode

jQuery Ajax Methoden

Die load()-Methode lädt Daten von einem Server und fügt den zurückgegebenen HTML in das ausgewählte Element ein.

Die load()-Methode ist die einfachste Methode, um Daten von einem Server abzurufen. Sie entspricht etwa $ .get(url, data, callback), außer dass sie ein Methodenname und nicht eine globale Funktion ist und einen impliziten Callback-Funktion hat.

Anfrageart:WenndataWird als Objekt bereitgestellt, wird das POST-Verfahren verwendet. Andernfalls wird angenommen, dass GET verwendet wird.

Syntax:

$(selector).load(URL, data, callback)

Beispiel

Laden Sie den Inhalt der Datei "ajax_intro.txt" in das DIV-Element:

$("button").click(function(){
　　$("div").load("ajax_intro.txt");
});

Im Gegensatz zu $ .get() ermöglicht die load()-Methode, einen Teil des remoteen Dokuments, das eingefügt werden soll, zu spezifizieren:

$("button").click(function(){
　　$("div").load("/jQuery/ajax_load.html #table");
});

Laden Sie die Seite "ajax_post.php" und senden Sie einige andere Daten:

$("button").click(function(){
　　let data = {fname: "Seagull", lname: "Anna"};
　　$("div").load("ajax_post.php", data);
});

Laden Sie die Seite "ajax_post.php" und senden Sie einige andere Daten, sowie eine Benachrichtigung über den Status:

$("button").click(function(){
　　let data = {fname: "Seagull", lname: "Anna"};
　　$("div").load("ajax_post.php", data, function(response, status){
　　　　alert(status);
　　});
});

Falls ein AJAX-Anfragefehler auftritt, wird eine Benachrichtigung angezeigt:

$("button").click(function(){
　　let data = {fname: "Seagull", lname: "Anna"};
　　$("#success").load("wrong_file.php", data, function(response, status, xhr){
　　　　if(status == "error"){
　　　　　　let msg = "Entschuldigung, es ist ein Fehler aufgetreten: ";
　　　　　　$("#error").html(msg　+　xhr.status　+　"　"　+　xhr.statusText);
　　　　}
　　});
});

Parameterwert

jQuery Ajax Methoden