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

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) {
 /*   做一些加载完成后需要执行的事情 */ 
});

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

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

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 });
});

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
});

jQuery.ajax({
      url: "jquery.cookie.js",
      dataType: "script",
      cache: true
}).done(function() {
  jQuery.cookie("cookie_name", "value", { expires: 7 });
});

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!