Erkennen, wenn das script bereits geladen ist oder nicht

Scheint es, dass helloworld.js geladen wird mehrfach basierend auf der Anzahl der Male, die ich auf #load. Ich sage dies, weil wenn ich einen Blick in die Google Chrome Entwicklertools Registerkarte "Netzwerk", es zeigt helloworld.js so oft wie ich auf #load.

$(document).ready(function() {

    $("#load").click(function(){
        $.getScript('helloworld.js', function() {
            hello();
        });
    });

});

Den hello() Funktion sieht wie folgt aus:

function hello(){
    alert("hello");
}

Ist es möglich, zu erkennen, wenn helloworld.js wurde bereits geladen?

Also, wenn es noch nicht geladen, laden Sie es, und wenn es geladen hat, nicht laden.

Dies ist, was Entwickler-Tools derzeit zeigt mir wenn ich auf die #load Taste 4 mal:

Erkennen, wenn das script bereits geladen ist oder nicht

  • Sie können auch lassen Sie es verwenden, cache: $.ajaxSetup({ cache: true }); (entnommen aus hier).
  • Die Aufrufe zwischengespeichert werden sollte, bereits durch den browser...
  • dies scheint zu funktionieren, vielen Dank. Es sollte eine Antwort.
  • standardmäßig jQuery hinzufügen eindeutigen Zeitstempel zu jedem AJAX-Aufruf, so dass es nicht zwischengespeichert werden. Durch das setzen der Eigenschaft auf false, es wird nicht fügen Sie einen beliebigen eindeutigen Wert.
  • cheers, fertig.
  • $.getScript ist die Ausnahme, es wird standardmäßig auf cache:false es sei denn, speziell in ajaxSetup. (gemäß der Dokumentation)

InformationsquelleAutor oshirowanen | 2012-11-14
  1. 6

    Weitere option ist die Vermietung .getScript() ausführen, aber lassen Sie es das script aus dem browser-cache, damit Sie nicht neu geladen, jedes mal.

    Um dies zu erreichen, fügen Sie solchen code:

    $.ajaxSetup({
    cache: true
});

    Aus der Dokumentation Seite.

    • Wenn Sie die Skript-Datei hat einige event-binding-code wäre das nicht der Fall binden, mehrere Male, jedes mal die Datei, die geladen oder aus dem cache?
    • das stimmt, nicht dran gedacht. Meine Antwort ist eine alternative zu diese andere Antwort, die Beratung zu nutzen, die .one() was ich zugeben muss, ist in diesem Fall besser.
    • kein problem in Ihrer Antwort an alle. War nur neugierig zu wissen, Denn ich habe eine Frage, wo lade ich eine html-Seite, die lokalen Skripts und der Veranstaltungen sind verbindlich mehrfach. Wollte nur wissen, ob es die gleiche ist beim Lesen aus dem cache.
    • ja, es wird wahrscheinlich binden Sie wieder ja, aber es lohnt sich, in die Tiefe.
    InformationsquelleAutor Shadow Wizard
  2. 10

    Setzen Sie ein flag, wenn die Datei erfolgreich geladen. Wenn flag gesetzt ist, dann überspringen Sie die Datei, laden wieder.

    Versuchen, diesen code,

        var isLoaded = 0; //Set the flag OFF 

    $(document).ready(function() {

        $("#load").click(function(){
            if(isLoaded){ //If flag is ON then return false
                alert("File already loaded");
                return false;
            }
            $.getScript('helloworld.js', function() {
                isLoaded = 1; //Turn ON the flag
                hello();

            });
        });

    });
    InformationsquelleAutor Muthu Kumaran
  3. 8

    Also warum nicht nur Feuer, das Ereignis einmal so:

    $("#load").one("click", function() {
   $load = $(this);
   $.getScript('helloworld.js', function() {
       hello();
       //bind hello to the click event of load for subsequent calls
       $load.on('click', hello); 
   });
});

    Verhindern, dass nachfolgende Ladungen und vermeidet die Verwendung einer globalen

    • Und, um hinzuzufügen, verwenden Sie $("#load").click(hello) nach hello() nachträgliche Klicks #load rufen Sie die hello Methode ohne neu-laden der js.
    • Ich muss die hello() Funktion viele Male, aber müssen die Last helloworld.js nur einmal.
    • Recht ich aktualisiere einfach die Antwort....
    InformationsquelleAutor Gabe
  4. 3

    Könntest du eine Hilfsfunktion erstellen:

    var getScript = (function() {
  var loadedFiles = {};
  return function(filename, callback) {
    if(loadedFiles[filename]) {
      callback();
    } else {
      $.getScript(filename, function() {
        loadedFiles[filename] = true;
        callback();
      });
    }
  };
})();
    • Die Implementierung eines solchen cache-system ist nicht trivial. Was zum Beispiel, wenn getScript aufgerufen wird, mehrere Male für die gleiche Datei-Namen bevor die betreffende Datei abgerufen und ausgeführt?
    • Vidas: Guter Punkt. Auf der anderen Seite, dass würde nur passieren, wenn Sie klicken Sie mehrmals sehr schnell hintereinander, die nicht schätzenswert.
    • Da meine beiden Eltern regelmäßig Doppel-klicken Sie auf Schaltflächen und links auf web-Seiten, ich denke, dieses Szenario würde eintreten, oft mehr, als Sie denken :P
    InformationsquelleAutor pimvdb
Schreibe einen Kommentar