Comment vider le cache en javascript

Comment vider le cache en JavaScript : 1. Videz le cache du site Web via la méthode méta ; 2. Utilisez ajax pour demander le dernier fichier au serveur et ajoutez les en-têtes de requête "If-Modified-Since" et "Cache-Control" 3. , utilisez directement "cache:false" et ainsi de suite.

L'environnement d'exploitation de cet article : système Windows 7, version JavaScript 1.8.5, ordinateur DELL G3.

Plusieurs méthodes pour vider le cache JS

1 Pourquoi CSS et JS ont-ils des paramètres (sous la forme de .css?t= et .js?t=) et comment les obtenir ? Code

css et js avec paramètres (sous forme de .css?t= et .js?t=)

Il y en a deux possibilités d'utilisation des paramètres :

Premièrement, le script n'existe pas, mais est généré dynamiquement par le serveur, donc un numéro de version est inclus pour montrer la différence. Autrement dit, le code ci-dessus est équivalent au fichier, mais le navigateur pensera qu'il s'agit d'une certaine version du fichier !

Deuxièmement, le client mettra en cache ces fichiers css ou js, donc à chaque fois après la mise à niveau du fichier js ou css et la modification du numéro de version, le navigateur client téléchargera à nouveau le nouveau fichier js ou css et l'actualisera. .Le rôle de la mise en cache sexuelle.

La deuxième situation est la plus courante, ou les deux peuvent exister en même temps.

Le numéro de version peut être un nombre aléatoire, ou une valeur croissante, sous la forme d'une grande version ou d'une petite version, ou écrit en fonction du temps de génération du script, par exemple, il est précis de la seconde consiste à générer le script, et 2.3 est la méthode de grande version et de petite version.

2. À propos du cache du navigateur

Le cache du navigateur, nous en avons parfois besoin car il peut améliorer les performances du site Web et la vitesse du navigateur, ainsi que les performances du site Web. Mais parfois, nous devons vider le cache, car le cache peut causer des problèmes et des données erronées peuvent apparaître. Par exemple, les sites Web boursiers sont mis à jour en temps réel. Ces sites Web n'ont pas besoin d'être mis en cache. Certains sites Web sont rarement mis à jour, il est donc préférable d'avoir un cache. Aujourd'hui, nous présentons principalement plusieurs méthodes pour vider le cache.

Plusieurs façons de vider le cache du site Web

méthode méta

<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
<META HTTP-EQUIV="expires" CONTENT="0">

Nettoyer le cache temporaire du formulaire [Apprentissage recommandé : Tutoriel de base js 】

Méthode 1 : utilisez ajax pour demander le dernier fichier au serveur et ajoutez les en-têtes de requête If-Modified-Since et Cache-Control, comme suit :

$.ajax({
     url:'www.haorooms.com',
     dataType:'json',
     data:{},
     beforeSend :function(xmlHttp){ 
        xmlHttp.setRequestHeader("If-Modified-Since","0"); 
        xmlHttp.setRequestHeader("Cache-Control","no-cache");
     },
     success:function(response){
         //操作
     }
     async:false
  });

Méthode 2, utilisez le cache directement :false,

$.ajax({
     url:'www.haorooms.com',
     dataType:'json',
     data:{},
     cache:false, 
     ifModified :true ,
     success:function(response){
         //操作
     }
     async:false
  });

Méthode 3 : Utiliser des nombres aléatoires est également un très bon moyen d'éviter la mise en cache !

Ajouter "?ran=" + Math.random(); //Bien sûr, le paramètre exécuté ici peut être choisi arbitrairement

par exemple :

<script> 
document.write("<s"+"cript type=&#39;text/javascript&#39; src=&#39;/js/test.js?"+Math.random()+"&#39;></scr"+"ipt>"); 
</script>

Autres De même, juste ajoutez +Math.random() après l'adresse

Remarque : étant donné que Math.random() ne peut fonctionner que sous Javascript, il ne peut être appelé que via Javascript

Méthode 4 : utiliser un temps aléatoire, la même chose que les nombres aléatoires.

Ajouter "?timestamp=" + new Date().getTime();

Utiliser le backend PHP pour nettoyer

Ajouter un en-tête (côté serveur "Cache- Control : no-cache, must-revalidate"); etc. (comme en php)

Méthode 5 :

5. window.location.replace("WebForm1.aspx" ); Le paramètre

est la page que vous souhaitez couvrir. Le principe du remplacement est de remplacer la page spécifiée par le paramètre remplacer par la page actuelle.

Cela empêche l'utilisateur de cliquer sur le bouton de retour. Des scripts JavaScript sont utilisés, par exemple :

a.html

Ce qui suit est un fragment de citation :

<html> 
     <head> 
         <title>a</title>      
         <script language="javascript"> 
             function jump(){ 
                 window.location.replace("b.html"); 
             } 
         </script> 
     </head> 
     <body> 
        <a href="javascript:jump()">b</a> 
    </body> 
</html>

b.html

Ce qui suit est un fragment de citation :

<html> 
     <head> 
         <title>b</title>      
         <script language="javascript"> 
             function jump(){ 
                 window.location.replace("a.html"); 
             } 
         </script> 
     </head> 
     <body> 
        <a href="javascript:jump()">a</a> 
    </body> 
</html>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!