jQuery lädt die Implementierungsmethode für js-Skriptdateien dynamisch

Dieses Mal werde ich Ihnen die Implementierungsmethode zum dynamischen Laden von js-Skriptdateien mit jQuery vorstellen. Was sind die Vorsichtsmaßnahmen für das dynamische Laden von js-Skriptdateien? Hier ist ein praktischer Fall, schauen wir uns das an.

Dynamisches LadenJavascript ist eine sehr leistungsstarke und nützliche Technologie. Dieses Thema wurde viel online diskutiert und ich verwende in einigen persönlichen Projekten häufig RequireJS und Dojo zum Laden von js

. Sie sind sehr leistungsfähig, aber manchmal überwiegt der Gewinn. . Wenn Sie jQuery verwenden, gibt es eine integrierte Methode zum Laden einer einzelnen js-Datei. Sie können diese Methode verwenden, wenn Sie das Laden einiger JS-Plug-Ins oder anderer Dateitypen verzögern müssen. So verwenden Sie es!

1. Die jQuery-Methode getScript() lädt JavaScript

jQuery verfügt über eine integrierte Methode zum Laden einer einzelnen js-Datei Rückruf in Führen Sie nachfolgende Vorgänge in der Funktion aus. Die einfachste Art, jQuery.getScript zu verwenden, ist wie folgt:

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

Diese getScript-Methode gibt ein jqxhr zurück. Sie können sie wie folgt verwenden:

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

Die gebräuchlichste Methode Die Verwendung von jQuery .getScript dient dazu, das Laden eines js-Plug-Ins zu verzögern und es auszuführen, wenn der Ladevorgang abgeschlossen ist:

jQuery.getScript("jquery.cookie.js")
 .done(function() {
  jQuery.cookie("cookie_name", "value", { expires: 7 });
});

2. Cache-Problem

Es gibt ein Sehr wichtiges Problem: Wenn Sie jQuery.getScript verwenden, müssen Sie einen Zeitstempel String verwenden, um der js-Adresse zu folgen, die geladen werden muss, um zu verhindern, dass sie zwischengespeichert wird. Wenn Sie jedoch möchten, dass dieses Skript zwischengespeichert wird, müssen Sie die globale Cache-Variable wie folgt festlegen:

jQuery.ajaxSetup({
  cache: true
});

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

Achten Sie beim Laden von Skripten auf Caching-Probleme!

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Schritte zum Implementieren des Datei-Uploads mit Jquery+LigerUI

Detaillierte Erläuterung des dynamischen Ladens von js durch jquery Dateien

Das obige ist der detaillierte Inhalt vonjQuery lädt die Implementierungsmethode für js-Skriptdateien dynamisch. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!