码云笔记前端博客
Home > 前端技术 > 清理网站缓存的实用方法

清理网站缓存的实用方法

2018-07-09 分类:前端技术 作者:码云 阅读(9173)

本文共计1212个字,预计阅读时长需要4分钟。

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

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

//不缓存

1
2
3
4
5
<META HTTP-EQUIV="pragma" CONTENT="no-cache">

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

<META HTTP-EQUIV="expires" CONTENT="0">

清理form表单的临时缓存

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

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

ajax清除浏览器缓存

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
$.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,

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$.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中)

结束语

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

「除特别注明外,本站所有文章均为码云笔记原创,转载请保留出处!」

赞(2) 打赏

觉得文章有用就打赏一下文章作者

支付宝
微信
2

觉得文章有用就打赏一下文章作者

支付宝
微信

上一篇:

下一篇:

你可能感兴趣

共有 0 条评论 - 清理网站缓存的实用方法

博客简介

码云笔记 mybj123.com,一个专注Web前端开发技术的博客,主要记录和总结博主在前端开发工作中常用的实战技能及前端资源分享,分享各种科普知识和实用优秀的代码,以及分享些热门的互联网资讯和福利!码云笔记有你更精彩!
更多博客详情请看关于博客

精彩评论

站点统计

  • 文章总数: 458 篇
  • 分类数目: 13 个
  • 独立页面: 8 个
  • 评论总数: 215 条
  • 链接总数: 14 个
  • 标签总数: 1011 个
  • 建站时间: 495 天
  • 访问总量: 8648029 次
  • 最近更新: 2019年10月21日