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

最新推荐文章于 2024-04-25 21:06:58 发布

置顶再不相信爱

最新推荐文章于 2024-04-25 21:06:58 发布

阅读量6.9k

点赞数 4

分类专栏： javascript 文章标签：浏览器缓存

本文链接：https://blog.csdn.net/u013164260/article/details/72236353

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

因为昨天系统网站更新，发现客户那边报错，寻找问题，问题来源是因为客户的浏览器缓存没有清理，所以找找网上清理缓存的js方法，研究一下能不能实时清理缓存

清理网站缓存的几种方法

meta方法
清理form表单的临时缓存
jquery ajax清除浏览器缓存

meta方法

//不缓存

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

http-equiv 属性提供了 content 属性的信息/值的 HTTP 头。
meat标签的http-equiv属性语法格式是：＜meta http-equiv="参数" content="参数变量值"＞
Expires(期限):
说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。

＜meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"＞

Pragma(cache模式):
说明：是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出

＜meta http-equiv="Pragma" content="no-cache"＞

清理form表单的临时缓存

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

一般来说表单缓存对于我们的书写有一定帮助，但有时候为了安全的问题，还是需要清理一下！

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

再不相信爱

关注

4
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
js,清除浏览器缓存的几种方法

因为昨天系统网站更新，发现客户那边报错，寻找问题，问题来源是因为客户的浏览器缓存没有清理，所以找找网上清理缓存的js方法，研究一下能不能实时清理缓存清理网站缓存的几种方法meta方法清理form表单的临时缓存jquery ajax清除浏览器缓存meta方法//不缓存<META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV=
复制链接

扫一扫