Méthode JS pour vider le cache du navigateur IE-js tutoriel-php.cn

Méthode JS pour vider le cache du navigateur IE

亚连

Libérer： 2018-05-22 13:48:57

original

2359 Les gens l'ont consulté

Cet article vous donnera une introduction détaillée à plusieurs méthodes pour vider automatiquement le cache d'IE dans js. Vous pouvez librement choisir celle qui vous convient en fonction de vos propres besoins. J'espère que cela sera utile à tout le monde dans l'apprentissage de js

js Effacer automatiquement la méthode de cache IE dans - Couramment utilisé Pour les fichiers dynamiques, tels que index.asp?id=... ou index.aspx?id=... Je crois les programmeurs expérimentés savent comment interdire le navigateur Les données sont mises en cache
Mais pour les fichiers statiques (css, jpg, gif, etc.), dans quelles circonstances devons-nous interdire au navigateur de les mettre en cache, et comment le faire. ?

Méthode 1 : Dojo Nous pouvons le faire de manière simple : l'attribut PreventCache est inclus dans dojo Invalid" Il suffit d'attribuer la valeur de cet attribut à : "true".
Méthode 2 : document.write(" Le 113 dans ver=113 est le numéro de version, qui est généralement le numéro de version de développement généré par CVS ou d'autres outils.
C'est la vraie façon de le faire Mettez en cache les fichiers statiques lorsqu'ils doivent être mis en cache, obtenez la dernière version lorsque la version est mise à jour et mettez à jour le cache
Pour que les images utilisent et mettent à jour efficacement le cache

js clear. cache du navigateur 2<.> Afin de réduire la pression de transmission réseau entre le navigateur et le serveur, les fichiers statiques tels que js, css et les images modifiées sont souvent mis en cache, c'est-à-dire les paramètres Expires et Cache-Control. sont ajoutés aux en-têtes de réponse HTTP de ces fichiers et spécifient la durée du cache, afin que le navigateur n'émettra aucune requête HTTP au serveur (sauf actualisation forcée) dans un certain laps de temps, même si le js ou le css du serveur. ou les fichiers image ont été mis à jour plusieurs fois au cours de cette période, les données du navigateur sont toujours les anciennes données qui peuvent être mises en cache en premier. Existe-t-il un moyen pour le navigateur d'obtenir les dernières données modifiées Oui, la méthode consiste à le faire. utilisez ajax pour demander le dernier fichier au serveur et ajoutez l'en-tête de requête If-Modified-Since et Cache-Control, comme suit : $.ajax({

type : "GET",

url : "static/cache.js",

dataType: "text",
beforeSend :function(xmlHttp){
xmlHttp.setRequestHeader("If-Modified-Since","0"); xmlHttp.setRequestHeader("Cache-Control","no-cache");
}
});

jquery est utilisé ici
De cette façon, le navigateur remplacera le. ancien fichier local avec le dernier fichier.

Bien sûr, un autre problème ici est que js doit être utilisé sachant que le serveur a mis à jour le js, le css et les images, vous devriez pouvoir le résoudre en utilisant les cookies et le temps.

jquery a des paramètres ifModified et cache depuis la version 1.2, vous n'avez donc pas besoin d'ajouter des en-têtes vous-même
ifModified Boolean Default: false
Autoriser la requête à réussir uniquement si la réponse a changé depuis la dernière. request. Cela se fait en vérifiant l'en-tête Last-Modified. La valeur par défaut est false, en ignorant l'en-tête
cache Boolean Default: true
Ajouté dans jQuery 1.2, s'il est défini sur false, il forcera les pages que vous demandez. pour ne pas être mis en cache par le navigateur.

$.ajax({
type : "GET",

url : "static /cache.js",

dataType : "text",
cache:false,
ifModified :true
});

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère qu'à l'avenir, cela sera utile à tout le monde.