содержания нагрузки DIV с прелоадерами без кэша использования

Question

У меня есть простой прелоадер:

<script type="text/javascript"> 
     function preloader(){ 
      document.getElementById("mioperspreloader").style.display = "none"; 
      document.getElementById("mioperswrapper").style.display = "block"; 
     }//preloader 
     window.onload = preloader; 
</script> 

Второй раз, когда я перезарядить мой веб-страницу данные прелоадер загрузки из кэша, но я не хочу! Вы можете мне помочь? Благодаря

Answer 1

скажем, у вас есть изображение в прелоадер, и вы хотите, чтобы предотвратить его из кэша, то вы должны изменить URL, как:

function preloader(){ 
     document.getElementById("mioperspreloader").style.display = "none"; 
     document.getElementById("mioperswrapper").style.display = "block"; 
     var img = document.querySelector("#mioperspreloader img.preloader"); 
     img.src = /images/preloader.png?__nocache__=" + new Date().valueOf(); 
    } 

Таким образом, вы меняете URL, который является ключ для кеша.

Но у вас может быть более одного изображения в вашем предварительном загрузчике или даже ответы ajax json, если вы хотите, чтобы все они были из кеша, тогда сделайте это для URL-адресов.

вы сказали

данные прелоадер загрузки из кэша

и загрузки данных, вероятно, означает, что у вас есть Ajax звонки, а затем добавить метку или любую уникальную строку, которую вы можете придумать , как querystring nocache для ваших аймакс вызывает URL-адреса.

JQuery решение: если вы используете WordPress или другие структуры тех использовать JQuery, вы также можете сделать это, для Ajax вызовов:

$(document).ready(function() { 
    $.ajaxSetup({ cache: false }); 
}); 

, если вы хотите, чтобы отключить кэш, только для конкретные фазы, вы должны запустить тот же код с cache: true, чтобы вернуться к нормальному режиму:

$.ajaxSetup({ cache: true });