zrozumienia jQuery $ .getScript()

Question

używam getScript załadować dynamicznie moje wtyczki:

$.getScript('js/code.photoswipe.jquery-3.0.4.min.js', function() { 
    //do magic 
}); 

1. Jak wyłączyć buforowanie krach? W tej chwili generuje liczby na koniec: JS/code.photoswipe.jquery-3.0.4.min.js _ = 1326992601415 Widziałem to, ale nie wiem, jak go używać w moim przypadku:

   $.getScript = function (url, callback, cache) { 
       $.ajax({ 
        type: "GET", 
        url: url, 
        success: callback, 
        dataType: "script", 
        cache: cache 
       }); 
   }; 
   

2. Jeśli wielokrotnie wywoływam funkcję $ .getScript, dodając ten sam plik js, czy za każdym razem żąda tego pliku? Jeśli tak, czy istnieje sposób sprawdzenia, czy już zaimportowaliśmy ten skrypt, abyśmy mogli uniknąć wywoływania skryptu getScript dla tego samego pliku?

Answer 1

Twoja przeglądarka będzie buforować url odpowiednio już .. Więc nie trzeba się martwić o buforowania.

Jeśli jednak chcesz psuć cache po prostu dodać losowy ciąg do adresu URL tak:

$.getScript('js/code.photoswipe.jquery-3.0.4.min.js?' + Math.random(), function() { 
     //do magic 
}); 

?' + Math.random() pozwoli losową liczbę do dołączania do pliku js tak buforowanie jest uszkodzony z każdego żądania do pliku (jak to losowo generuje liczbę)

Answer 2

How to disable the cache busting:

$.ajaxSetup({ 
    cache: true 
}); 

które zapewnią użytkownikom chwycić skrypt z serwer tylko raz, a następnie z lokalnej pamięci podręcznej (chyba że ustawienia przeglądarki zapobiegają buforowaniu).

Answer 3

Krótka odpowiedź brzmi niestety, nie można.

getScript może być jednak przesłonięte tak:

$.getScript = function(url, callback, cache){ 
$.ajax({ 
     type: "GET", 
     url: url, 
     success: callback, 
     dataType: "script", 
     cache: true 
}); 
}; 

Jeśli uwzględni to w swoich js gdzieś, to nie złamie istniejący kod, a także buforować pobranego skryptu.

Advantage
Korzystanie powyżej fragmencie można włączyć buforowanie dla wszystkich skryptów na swojej stronie. Dzięki temu nie trzeba ponownie określać przy każdym pobieraniu skryptu.

Answer 4

docs jQuery dla $ .getScript że getScript jest skrótem dla:

$.ajax({ 
    url: url, 
    dataType: "script", 
    success: success 
}); 

http://api.jquery.com/jQuery.getScript/

Oznacza to, że po prostu trzeba dodać cache: parametr prawda do tego.

$.ajax({ 
    url: url, 
    cache : true, 
    dataType: "script", 
    success: success 
}); 

To proste. Funkcja getScript nie jest niczym specjalnym, tylko skrótem.

Answer 5

1. jQuery 1.12.0 i nowsze obsługuje podpis obiektu opcji:

$.getScript({ 
    url: "foo.js", 
    cache: true 
}) 

2. Zakładając, że ustawisz cache:true, plik zostanie załadowany z pamięci podręcznej przeglądarki (chyba że pamięć podręczna przeglądarki jest wyłączona lub wygasła, na przykład, gdy devtools jest otwarte)