JS method to clear IE browser cache

This article will give you a detailed introduction to several methods of automatically clearing IE cache in js. You can freely choose the one that suits you according to your own needs. I hope it will be helpful to everyone in learning js

js Automatically clear IE cache method in - Commonly used
For dynamic files, such as index.asp?id=... or index.aspx?id=... I believe experienced programmers know how to ban the browser The data is cached.
But for static files (css, jpg, gif, etc.), under what circumstances do we need to prohibit the browser from caching them, and how to do it?
Method 1: Dojo We can do it in a simple way: the preventCache attribute is included in dojo.xhrGet (including post) and other methods. The meaning of this attribute: "The browser cache is enabled by default, otherwise different parameters will be automatically added to ensure browser cache Invalid" We only need to assign the value of this attribute to: "true".
Method 2: document.write("
The 113 in ver=113 is the version number, which is usually the development version number generated by CVS or other tools.
This is how to really do it Cache the static file when it should be cached, get the latest version when the version is updated, and update the cache.
For images to effectively utilize and update the cache.
js clear browser cache 2
In order to reduce the network transmission pressure between the browser and the server, static files such as js, css, and modified pictures are often cached, that is, the Expires and Cache-Control parameters are added to the HTTP response headers of these files. , and specify the cache time, so that the browser will not issue any HTTP requests to the server (except forced refresh) within a certain period of time, even if the server's js or css or image files have been updated many times during this period, the browser The data is still the old data that can be cached the most. Is there a way for the browser to get the latest modified data?
Yes, the method is to use ajax to request the latest file from the server and add the request header If- Modified-Since and Cache-Control, as follows: $.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 is used here.
This way the browser will replace the latest local file with the old one.
Of course, another problem here is that js must be Knowing that the server has updated the js, css, and images, it should be possible to solve the problem by using cookies and time versions.
jquery has ifModified and cache parameters since 1.2, so there is no need to add headers yourself
ifModified Boolean Default: false
Allow the request to be successful only if the response has changed since the last request. This is done by checking the Last-Modified header. Default value is false, ignoring the header.
cache Boolean Default: true
Added in jQuery 1.2, if set to false it will force the pages that you request to not be cached by the browser.

$.ajax({
type: "GET",
url: "static /cache.js",
dataType: "text",
cache:false,
ifModified :true
});

The above is what I compiled for everyone. I hope that in the future It will be helpful to everyone.

Related articles:

The reason why a random number is added after the ajax request address to prevent the browser from caching

Solution to the browser remembering the ajax request And can go forward and backward

PHP login (ajax submission data and background verification)

The above is the detailed content of JS method to clear IE browser cache. For more information, please follow other related articles on the PHP Chinese website!