Maison > interface Web > js tutoriel > le corps du texte

jQuery chargeant dynamiquement la méthode d'implémentation du fichier de script js

php中世界最好的语言
Libérer: 2018-04-23 14:57:56
original
1445 Les gens l'ont consulté

Cette fois, je vais vous présenter la méthode d'implémentation de jQuery chargeant dynamiquement les fichiers de script js. Quelles sont les précautions pour jQuery chargeant dynamiquement les fichiers de script js. Voici des cas pratiques, jetons un coup d'œil.

Chargement dynamiqueJavascript est une technologie très puissante et utile. Ce sujet a été beaucoup discuté en ligne, et j'utilise souvent RequireJS et Dojo pour charger js

dans certains projets personnels. Ils sont très puissants, mais parfois le gain l'emporte sur le gain. . Si vous utilisez jQuery, il dispose d'une méthode intégrée pour charger un seul fichier js. Vous pouvez utiliser cette méthode lorsque vous devez retarder le chargement de certains plug-ins js ou d'autres types de fichiers. Voici comment l'utiliser !

1. La méthode jQuery getScript() charge JavaScript

jQuery a une méthode intégrée pour charger un seul fichier js lorsque le chargement est terminé, vous pouvez le faire. rappeler dans Effectuer les opérations suivantes dans la fonction . La manière la plus simple d'utiliser jQuery.getScript est la suivante :

jQuery.getScript("/path/to/myscript.js", function(data, status, jqxhr) {
 /*   做一些加载完成后需要执行的事情 */ 
});
Copier après la connexion

Cette méthode getScript renvoie un jqxhr, vous pouvez l'utiliser comme ceci :

jQuery.getScript("/path/to/myscript.js")
 .done(function() {
  /* 耶,没有问题,这里可以干点什么 */
 })
 .fail(function() {
  /* 靠,马上执行挽救操作 */
});
Copier après la connexion

La manière la plus courante d'utiliser jQuery.getScript utiliser jQuery .getScript consiste à retarder le chargement d'un plug-in js et à l'exécuter une fois le chargement terminé :

jQuery.getScript("jquery.cookie.js")
 .done(function() {
  jQuery.cookie("cookie_name", "value", { expires: 7 });
});
Copier après la connexion

2. Problème de cache

Il y a un problème très important, lorsque vous utilisez jQuery.getScript, vous devez utiliser un horodatage chaîne pour suivre l'adresse js qui doit être chargée pour éviter qu'elle ne soit mise en cache. Cependant, si vous souhaitez que ce script soit mis en cache, vous devez définir la variable de cache globale, comme ceci :

jQuery.ajaxSetup({
  cache: true
});
Copier après la connexion
jQuery.ajax({
      url: "jquery.cookie.js",
      dataType: "script",
      cache: true
}).done(function() {
  jQuery.cookie("cookie_name", "value", { expires: 7 });
});
Copier après la connexion


Assurez-vous de faire attention aux problèmes de mise en cache lors du chargement des scripts !

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée des étapes pour implémenter le téléchargement de fichiers avec Jquery+LigerUI

Explication détaillée du chargement dynamique de jquery js fichiers

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal