清理网站缓存的实用方法

目录
文章目录隐藏
  1. js 清除浏览器缓存的几种方法 meta 方法
  2. 一、用 ajax 请求服务器最新文件,并加上请求头 If-Modified-Since 和 Cache-Control,如下:
  3. 二、直接用 cache:false,

什么是浏览器缓存?浏览器缓存是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制,有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据,提高网站性能,整体上加速网页展示给用户。但是有时候我们又不得不清除缓存,比如说一些网站需要实时更新数据,那么这就不需要缓存,而有些网站更新慢,这时候缓存还是比较好的。好了,闲话不多说,今天总结一下清除浏览器缓存的实用方法。

js 清除浏览器缓存的几种方法 meta 方法

//不缓存

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

清理 form 表单的临时缓存

<body onLoad="javascript:document.yourFormName.reset()">

这里我情调一下,对于 form 表单的缓存的清理需要根据项目需求来定,如果出于安全问题考虑,还是要清理一下!其他情况下不建议清理,这对于我们书写还是有帮助的。

ajax 清除浏览器缓存

一、用 ajax 请求服务器最新文件,并加上请求头 If-Modified-Since 和 Cache-Control,如下:

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

二、直接用 cache:false,

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

三、用随机数,随机数也是避免缓存的一种很不错的方法!

URL 参数后加上 “?ran=” + Math.random(); //当然这里参数 ran 可以任意取了

四、用随机时间,和随机数一样。

在 URL 参数后加上 “?timestamp=” + new Date().getTime();

五、用 php 后端清理

在服务端加 header(“Cache-Control: no-cache, must-revalidate”);等等(如 php 中)

结束语

以上就是码云笔记为大家带来的关于浏览器清除缓存方法的全部内容,希望对大家有帮助,如果大家有更好的方法欢迎补充。

「点点赞赏,手留余香」

2

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 清理网站缓存的实用方法

发表回复