Heim  >  Artikel  >  Web-Frontend  >  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

伊谢尔伦
伊谢尔伦Original
2017-07-21 15:51:212923Durchsuche

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

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

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!

Stellungnahme:
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