So laden Sie js-Skriptdateien dynamisch mit jQuery_jquery

Sie sind mächtig, 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. Wenn der Ladevorgang abgeschlossen ist, können Sie nachfolgende Vorgänge in der Rückruffunktion ausführen. Die einfachste Art, jQuery.getScript zu verwenden, ist wie folgt:

Kopieren Sie den Code Der Code lautet wie folgt:

jQuery.getScript("/path/to/myscript.js", function(data, status, jqxhr) {

/*
Einige Dinge ausführen, die nach Abschluss des Ladevorgangs ausgeführt werden müssen
*/

});

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

Code kopieren Der Code lautet wie folgt:

jQuery.getScript("/path/to/myscript.js")
.done(function() {
/* Ja, kein Problem, was kann man hier machen*/
})
.fail(function() {
/* Verdammt, führe sofort die Rettungsaktion durch*/
});

Die häufigste Verwendung von jQuery.getScript besteht darin, ein JS-Plugin verzögert zu laden und nach Abschluss des Ladevorgangs auszuführen:

Code kopieren Der Code lautet wie folgt:

jQuery.getScript("jquery.cookie.js")
.done(function() {
jQuery.cookie("cookie_name", "Wert", { läuft ab: 7 });
});

2. Caching-Problem

Bei der Verwendung von jQuery.getScript 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:

Code kopieren Der Code lautet wie folgt:

jQuery.ajaxSetup({
Cache : wahr
});

Code kopieren Der Code lautet wie folgt:

jQuery.ajax({
url : "jquery .cookie.js",
dataType: "script",
Cache: true
}).done(function() {
jQuery.cookie("cookie_name", "value" , { läuft ab: 7 });
});

Achten Sie beim Laden von Skripten auf Caching-Probleme!