1024programmer Java JS method to clear IE browser cache_javascript skills

JS method to clear IE browser cache_javascript skills

Automatically clear IE cache method in js— Commonly used

For dynamic files, such as index.asp?id=… or index.aspx?id=… I believe those with experience Programmers all know how to prevent browsers from caching data.
But for static files (css, jpg, gif, etc.), under what circumstances do we need to prohibit browsers from caching them, and how to do it?

Method 1:We can use a simple method to complete it in Dojo: 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 Will automatically add different parameters to ensure browser cache invalidation” We only need to assign this attribute to: “true”.

Method 2:document.write(”
113 in ver=113 is the version number, which is generally a development version number generated by CVS or other tools.
>This truly achieves the goal of caching static files when they should be cached, getting the latest version when the version is updated, and updating 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, these files are Add the Expires and Cache-Control parameters to the HTTP response header, 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 is used during this period Or the image file has been updated many times, but the data in the browser is still the old data that can be cached first. Is there a way for the browser to get the latest modified data?

Yes, the method is Use ajax to request the latest file from the server, and add the request headers If-Modified-Since and Cache-Control, as follows:

Code As follows:


$.ajax({
type: “GET”,
url: “static/cache.js?1.1. 15”,
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 The latest files will replace the old local files.

Of course, another problem here is that js must know which js, css, and pictures have been updated by the server. This should be solved by using COOKIE and time versions.

jquery has had 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.

The code is as follows:


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

This article is from the internet and does not represent1024programmerPosition, please indicate the source when reprinting:https://www.1024programmer.com/633034

author: admin

Previous article
Next article

Leave a Reply

Your email address will not be published. Required fields are marked *

Contact Us

Contact us

181-3619-1160

Online consultation: QQ交谈

E-mail: [email protected]

Working hours: Monday to Friday, 9:00-17:30, holidays off

Follow wechat
Scan wechat and follow us

Scan wechat and follow us

Follow Weibo
Back to top
首页
微信
电话
搜索