So verwenden Sie die Methode ajax.load() in jQuery

Dieses Mal zeige ich Ihnen, wie Sie die Methode ajax.load() in jQuery verwenden. Was sind die Vorsichtsmaßnahmen bei der Verwendung der Methode ajax.load() in jQuery? . Lasst uns einmal einen Blick darauf werfen.

jQuery-load()-Methode

jQuery-load()-Methode ist eine einfache, aber leistungsstarke AJAX-Methode. Die Methode

load() lädt Daten vom Server und fügt die zurückgegebenen Daten in das ausgewählte Element ein.

Syntax:

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

Die Funktion „load()“ wird verwendet, um Daten vom Server zu laden und den Inhalt des aktuell passenden Elements durch zu ersetzen der zurückgegebene HTML-Inhalt.

Die Funktion „load()“ verwendet standardmäßig die GET-Methode. Wenn Daten in Objektform bereitgestellt werden, wechselt sie automatisch zur POST-Methode.

Da standardmäßig die Get-Request-Methode verwendet wird, können wir der URL auch Daten zur Übermittlung hinzufügen.

Zum Beispiel $("#box").load("loadTest.html？name=zhang&age=25")

Die Methode „load()“ kann drei Parameter annehmen:

url (erforderlich, fordern Sie die URL-Adresse des an html-Datei, Parametertyp ist String)

Daten (optional, Schlüssel-/Wertdaten gesendet, Parametertyp ist Objekt)

Rückruf (optional, Erfolg oder MisserfolgRückruffunktion , Parametertyp ist Funktion)

Die Methode „load()“ ist eine lokale Methode, da sie ein jQuery-Objekt erfordert, das das Element als Präfix enthält. Beispielsweise sind $("#box").load()

und $.get() und $.post() globale Methoden und müssen kein Element angeben. Für Zwecke eignet sich .load() für die asynchrone Erfassung von statischen-Dateien

und für solche, die Parameter an die Serverseite übergeben müssen, $.get() und $.post () Passender.

Der optionale Callback-Parameter gibt die Callback-Funktion an, die zugelassen werden soll, wenn die Methode „load()“ abgeschlossen ist. Die Callback-Funktion kann verschiedene Parameter festlegen:

• responseTxt – Enthält den Ergebnisinhalt, wenn der Anruf erfolgreich ist

• statusTXT – Enthält den Status des call

• xhr – Enthält das XMLHttpRequest-Objekt

Im folgenden Beispiel wird ein Eingabeaufforderungsfeld angezeigt, nachdem die Methode „load()“ abgeschlossen ist. Wenn die Methode „load()“ erfolgreich ist, wird „Externer Inhalt erfolgreich geladen“ angezeigt. Wenn sie fehlschlägt, wird die Fehlermeldung angezeigt:

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

Ich glaube, Sie haben die Methode beherrscht, nachdem Sie den Fall gelesen haben Bitte achten Sie auf weitere spannende Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So verwenden Sie JSON als Parameter in JS

Ajax+PHP-Steuerungsfunktion Detaillierte Erläuterung der Aufrufschritte

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Methode ajax.load() in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!