企业网站,个人博客等WordPress网站以及其他语言网站开发定制需求加QQ详聊。

清理网站缓存的实用方法

JavaScript笔记 码云 34℃ 0评论
目录
[隐藏]

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

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.haorooms.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.haorooms.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)or分享 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址