Verwendung und Vorsichtsmaßnahmen der Lademethode in JQuery

Dieser Artikel stellt hauptsächlich die Verwendung der Lademethode in jquery und Notizen im Detail vor. Freunde, die sie benötigen, können hier nachschlagen. Ich hoffe, dass sie für alle hilfreich sind

Das vollständige Format zum Aufrufen der Lademethode lautet: load(url, [data], [callback]), wobei sich
url: auf die bezieht Adresse der zu importierenden Datei.
Daten: optionaler Parameter; da Load nicht nur statische HTML-Dateien importieren kann, sondern auch dynamische Skripte, wie z. B. PHP-Dateien, Sie benötigen also When Beim Importieren einer dynamischen Datei können wir hier die zu übergebenden Parameter eingeben.
Rückruf: optionaler Parameter; bezieht sich auf eine andere Funktion, die ausgeführt wird, nachdem die Lademethode aufgerufen und eine Antwort vom Server erhalten wurde.

1: So verwenden Sie Daten
1. Laden Sie eine PHP-Datei, die keine Übergabeparameter enthält
$("#myID") . Load("test.php");
//Das Ergebnis nach dem Importieren von test.php in das Element mit der ID #myID

2. Laden Sie eine PHP-Datei, die einen Passparameter
$ enthält ("#myID").load("test.php",{"name" : "Adam"});
//Die importierte PHP-Datei enthält einen Übergabeparameter, ähnlich wie: test php?name=Adam

3. Laden Sie eine PHP-Datei, die mehrere übergebene Parameter enthält. Hinweis: Trennen Sie Parameter durch Kommas
$("#myID").load("test.php",{"name" : "Adam" , "site": "61dh.com"}); /Die importierte PHP-Datei enthält einen Übergabeparameter, ähnlich wie: test.php?name=Adam&site=61dh.com

Array als Übergabeparameter verwendet $("#myID").load("test.php",{'myinfo[]', ["Adam", "61dh.com"]});
//Importierte PHP-Datei enthält ein Array übergebener Parameter.
Hinweis: Bei Verwendung von Load werden diese Parameter im POST übergeben, daher kann GET in test.php nicht zum Abrufen von Parametern verwendet werden.

2: So verwenden Sie den Rückruf
Wenn wir beispielsweise den geladenen Inhalt langsam anzeigen möchten, nachdem die Lademethode die Serverantwort erhalten hat, können wir dies tun Verwenden Sie die Callback-Funktion.

Der Code lautet wie folgt:

$("#go").click(function(){ 
$("#myID").load("welcome.php", {"lname" : "Cai", "fname" : "Adam", function(){ 
$("#myID").fadeIn('slow');} 
); 
});

Methode zu Verhindern Sie, dass JQuery den Cache verwendet:
Caching beschleunigt das Laden von Seiten bis zu einem gewissen Grad, bereitet uns jedoch häufig Probleme. In meinem vorherigen Artikel habe ich kurz die Verwendung der Load-Methode in jQuery vorgestellt. In der tatsächlichen Anwendung können Probleme mit dem Browser-Cache auftreten. Ich bin beispielsweise in IE7 auf dieses Problem gestoßen.

jQuery-Beispielcode laden:

$(
document
).ready(function(){ 
$("#labels").load("/blog/categories/labels.html"); 
//在页面装载时，在ID为#labels的DOM元素里插入labels.html的内容。 
});

javascript-Datei im Kopf hinzu, um das Problem zu lösen.

$.ajaxSetup ({ 
cache: false //关闭AJAX相应的缓存 
});

HTTP-EQUIV ="Expires" CONTENT="-1">

4. Die Ladefunktion kann nicht nur HTML aufrufen, sondern auch Skripte wie labels.php aufrufen die PHP-Datei:

Der Code lautet wie folgt:

<?php 
header("Cache-Control: no-cache, must-revalidate"); 
?>

Spezielle Verwendung von Load:
Fügen Sie einfach ein Leerzeichen nach der URL zum Laden mit dem Selektor hinzu. Beispiel: Ich muss den Inhalt von test.html laden und benötige nur den Inhalt mit der ID a. $("body").load("test.html #a");

Das obige ist der detaillierte Inhalt vonVerwendung und Vorsichtsmaßnahmen der Lademethode in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!