清理网站缓存的实用方法

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

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中)

结束语

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

1. 本站所有免费资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!
2. 本站不保证所提供下载的免费资源的准确性、安全性和完整性,免费资源仅供下载学习之用!如有链接无法下载、失效,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或技术教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
5. 加入前端开发QQ群:565733884,我们大家一起来交流技术!
码云笔记 » 清理网站缓存的实用方法

发表评论

前端开发相关广告投放 更专业 更精准

立即查看 联系我们