Utilisation et précautions de la méthode de chargement dans jquery

Cet article présente principalement l'utilisation de la méthode de chargement dans jquery et Notes en détail. Les amis qui en ont besoin peuvent venir s'y référer, j'espère que cela sera utile à tout le monde.

Le format complet d'appel de la méthode de chargement est : load(url, [data], [callback]), où
url : fait référence au adresse du fichier à importer.
data : paramètre facultatif ; car Load peut non seulement importer des fichiers statiqueshtml, mais aussi des scripts dynamiques, tels que des fichiers PHP, vous avez donc besoin de Quand en important un fichier dynamique, on peut mettre ici les paramètres à passer.
callback : paramètre facultatif ; fait référence à une autre fonction qui est exécutée après avoir appelé la méthode de chargement et obtenu une réponse du serveur.

1 : Comment utiliser les données
1. Chargez un fichier php qui ne contient pas de paramètres de passage
$("#myID") . load("test.php");
//Le résultat après importation de test.php dans l'élément avec l'ID #myID

2 Chargez un fichier php, qui contient un passe Paramètres
$. ("#myID").load("test.php",{"name" : "Adam"});
//Le fichier php importé contient un paramètre de passage, similaire à : test php?name=Adam.

3. Chargez un fichier php contenant plusieurs paramètres transmis. Remarque : Séparez les paramètres par des virgules
$("#myID").load("test.php",{"name" : "Adam" , "site": "61dh.com"}); /Le fichier php importé contient un paramètre de passage, similaire à : test.php?name=Adam&site=61dh.com

4 Chargez un fichier php, qui utilise le

tableau comme paramètres de passage. $("#myID").load("test.php",{'myinfo[]', ["Adam", "61dh.com"]});
//php importé Le fichier contient un tableau de paramètres passés.
Remarque : lors de l'utilisation de load, ces paramètres sont transmis dans POST, donc dans test.php, GET ne peut pas être utilisé pour obtenir des paramètres.

2 : Comment utiliser le rappel
Par exemple, si nous voulons afficher lentement le contenu chargé après que la méthode de chargement ait obtenu la réponse du serveur, nous pouvons utilisez la fonction de rappel.

Le code est le suivant :

Le code est le suivant :

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

Méthode pour empêcher jquery d'utiliser le cache :
La mise en cache accélère dans une certaine mesure le chargement des pages, mais cela nous pose souvent des problèmes. Dans mon dernier article, j'ai brièvement présenté l'utilisation de la méthode Load dans jQuery. Dans l'application réelle, nous pouvons rencontrer des problèmes de cache du navigateur. Par exemple, j'ai rencontré ce problème dans IE7.

Exemple de code jQuery Load :

Le code est le suivant :

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

Lorsque j'ai mis à jour labels.html, dans IE7 La méthode de chargement utilise toujours l'ancien label.html, même si j'appuie sur la touche d'actualisation, cela ne fonctionne pas. Heureusement, jQuery fournit une méthode pour empêcher ajax d'utiliser le cache. Ajoutez l'instruction suivante au fichier

javascript dans l'en-tête pour résoudre le problème.

Le code est le suivant :

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

De plus, je présenterai plusieurs méthodes pour résoudre le problème de cache. Remarque : je n'ai pas testé les problèmes de chargement de jQuery, ces méthodes sont uniquement à titre de référence !

1. Modifiez le nom du fichier, par exemple en changeant labels.html en labels_new.html, mais c'est une évidence, et généralement personne ne le fait.

2. Ajoutez une heure spécifique après labels.html, telle que labels.html?20081116. Dans le travail réel, après avoir mis à jour le fichier css/javascript, j'utilise toujours cette méthode pour empêcher la mise en cache du fichier.

3. Ajoutez l'instruction suivante en haut du fichier labels.html :

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

4. La fonction de chargement peut non seulement appeler du HTML, mais également appeler un script, tel que labels.php. Vous pouvez utiliser la fonction d'en-tête dans. le fichier php :

Le code est le suivant :

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

Utilisation particulière du chargement :
Ajoutez simplement un espace après l'url de chargement avec le sélecteur. Exemple : j'ai besoin de charger le contenu de test.html et j'ai uniquement besoin du contenu avec l'identifiant a. $("body").load("test.html #a");

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!