Heim > Web-Frontend > js-Tutorial > Ausführliche Erläuterung der jQuery-Methode getScript(), die JavaScript lädt und Caching-Probleme behandelt

Ausführliche Erläuterung der jQuery-Methode getScript(), die JavaScript lädt und Caching-Probleme behandelt

伊谢尔伦
Freigeben: 2017-07-21 15:51:21
Original
3065 Leute haben es durchsucht

Dynamisches Laden von Javascript ist eine sehr leistungsstarke und nützliche Technologie. Wenn Sie jQuery verwenden, verfügt es über eine integrierte Methode, mit der eine einzelne js-Datei geladen werden kann. 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, wenn der Ladevorgang abgeschlossen ist , Sie können zurückrufen 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) {
 /*   做一些加载完成后需要执行的事情 */ 
});
Nach dem Login kopieren

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() {
  /* 靠,马上执行挽救操作 */
});
Nach dem Login kopieren

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 });
});
Nach dem Login kopieren

2. Cache-Problem

Es gibt ein Sehr wichtiges Problem: Wenn Sie jQuery.getScript verwenden, müssen Sie eine Zeitstempelzeichenfolge verwenden, die auf die zu ladende js-Adresse folgt, 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
});
Nach dem Login kopieren
jQuery.ajax({
      url: "jquery.cookie.js",
      dataType: "script",
      cache: true
}).done(function() {
  jQuery.cookie("cookie_name", "value", { expires: 7 });
});
Nach dem Login kopieren

Achten Sie beim Laden von Skripten auf Caching-Probleme!

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der jQuery-Methode getScript(), die JavaScript lädt und Caching-Probleme behandelt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage