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

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 :

$("#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 :

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

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

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

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!