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

4. Laden Sie eine PHP-Datei, die das

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:

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:

Der Code lautet wie folgt:

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

Als ich labels.html in IE7 aktualisiert habe Die Lademethode verwendet immer noch die alte Datei labels.html, selbst wenn ich die Aktualisierungstaste drücke, funktioniert sie nicht. Glücklicherweise bietet jQuery eine Methode, um zu verhindern, dass Ajax den Cache verwendet. Fügen Sie die folgende Anweisung zur

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

Der Code lautet wie folgt:

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

Darüber hinaus werde ich verschiedene Methoden zur Lösung des Cache-Problems vorstellen. Hinweis: Ich habe keine jQuery-Ladeprobleme getestet, diese Methoden dienen nur als Referenz!

1. Ändern Sie den Dateinamen, z. B. „labels.html“ in „labels_new.html“, aber das ist ein Kinderspiel und wird im Allgemeinen niemand tun.

2. Fügen Sie nach labels.html eine bestimmte Zeit hinzu, z. B. labels.html?20081116. Bei der eigentlichen Arbeit verwende ich nach dem Aktualisieren der CSS-/Javascript-Datei immer diese Methode, um zu verhindern, dass die Datei zwischengespeichert wird.

3. Fügen Sie die folgende Anweisung oben in der Datei labels.html hinzu:

7599a483b8d1950a5a2f39feab9a65b6 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!