Maison  >  Article  >  interface Web  >  Utilisation et précautions de la méthode de chargement dans jquery_jquery

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

WBOY
WBOYoriginal
2016-05-16 16:58:401306parcourir

Le format complet d'appel de la méthode de chargement est : load(url, [data], [callback]), où
url : fait référence à l'adresse du fichier à importer.
data : paramètre facultatif ; car Load peut non seulement importer des fichiers html statiques, mais également des scripts dynamiques, tels que des fichiers PHP, donc lorsque vous souhaitez importer des fichiers dynamiques, nous peut mettre les paramètres à transmettre ici.
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 paramètre passant
$("#myID").load("test.php",{"name" : "Adam"});
//Le 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 un tableau comme paramètre de passage

$("#myID").load("test.php",{'myinfo[]', ["Adam", " 61dh .com"]});
//Le fichier php importé contient un paramètre de passage de tableau.
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 utiliser le rappel fonction.

Le code est le suivant :

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


Empêcher jquery d'utiliser le cache Méthode :
La mise en cache accélère le chargement des pages dans une certaine mesure, mais cela nous pose souvent des problèmes. Dans mon article précédent, 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.

jQuery Charger un exemple de code :

Copier le code Le code est le suivant :
$(document).ready(function(){
$("#labels").load("/blog/categories/labels.html");
//Lorsque la page est chargé, dans l'ID Insérez le contenu de labels.html dans l'élément DOM de #labels
});

Après avoir mis à jour labels.html, la méthode de chargement dans IE7 utilise toujours le. anciennes étiquettes. html, cela ne fonctionne pas même si j'appuie sur la touche d'actualisation. Heureusement, jQuery fournit une méthode pour empêcher ajax d'utiliser le cache. Ajoutez l'instruction suivante au fichier javascript principal pour résoudre le problème.

Copier le code Le code est le suivant :
$.ajaxSetup ({
cache : false / /Fermez le cache correspondant AJAX
});

De plus, je présenterai plusieurs méthodes pour résoudre le problème du 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 :

="Expire " CONTENT="-1">
4. La fonction de chargement peut non seulement appeler du HTML, mais aussi appeler des scripts, tels que labels.php. Vous pouvez utiliser la fonction d'en-tête dans le fichier php :


Copier le code

Le code est le suivant :header("Cache-Control : no-cache, must-revalidate") ;
?>


Utilisation particulière du chargement :
Ajouter un espace suivi du sélecteur dans l'url de chargement.
Exemple : j'ai besoin de charger le contenu de test.html et j'ai seulement besoin d'obtenir le contenu avec l'ID a.
$("body").load("test.html #a");
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:js document.write() utilisation des compétences introduction_javascriptArticle suivant:js document.write() utilisation des compétences introduction_javascript

Articles Liés

Voir plus