清除浏览器缓存的几种方法总结(必看)


Posted in Javascript onDecember 09, 2016

关于浏览器缓存

浏览器缓存,有时候我们需要他,因为他可以提高网站性能和浏览器速度,提高网站性能。但是有时候我们又不得不清除缓存,因为缓存可能误事,出现一些错误的数据。像股票类网站实时更新等,这样的网站是不要缓存的,像有的网站很少更新,有缓存还是比较好的。今天主要介绍清除缓存的几种方法。

清理网站缓存的几种方法

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表单的缓存对于我们书写还是有帮助的,一般情况不建议清理,但是有时候为了安全问题等,需要清理一下!

jquery ajax清除浏览器缓存

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

$.ajax({
  url:'3water.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:'3water.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中)

以上这篇清除浏览器缓存的几种方法总结(必看)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
解决iframe的frameborder在chrome/ff/ie下的差异
Aug 12 Javascript
JQuery.get提交页面不跳转的解决方法
Jan 13 Javascript
通过扫描二维码打开app的实现代码
Nov 10 Javascript
Vue.js组件tree实现省市多级联动
Dec 02 Javascript
jQuery实现两列等高并自适应高度
Dec 22 Javascript
微信小程序 首页制作简单实例
Apr 07 Javascript
webpack学习教程之前端性能优化总结
Dec 05 Javascript
深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域
Aug 28 Javascript
利用Dectorator分模块存储Vuex状态的实现
Feb 05 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
Oct 14 Javascript
使用Vue生成动态表单
Nov 26 Javascript
JavaScript字符串转数字的简单实现方法
Nov 27 Javascript
vue.js绑定class和style样式(6)
Dec 09 #Javascript
浅析JavaScript动画模拟拖拽原理
Dec 09 #Javascript
JS定时器实现数值从0到10来回变化
Dec 09 #Javascript
原生js实现查询天气小应用
Dec 09 #Javascript
JS实现太极旋转思路分析
Dec 09 #Javascript
学习使用bootstrap的modal和carousel
Dec 09 #Javascript
PHP+jquery+ajax实现分页
Dec 09 #Javascript
You might like
php使用mkdir创建多级目录入门例子
2014/05/10 PHP
PHP缓存集成库phpFastCache用法
2014/12/15 PHP
php利用事务处理转账问题
2015/04/22 PHP
jquery mobile开发常见问题分析
2016/01/21 Javascript
基于jquery实现智能提示控件intellSeach.js
2016/03/17 Javascript
jQuery实现搜索页面关键字的功能
2017/02/16 Javascript
小程序Request的另类用法详解
2019/08/09 Javascript
关于better-scroll插件的无法滑动bug(2021通过插件解决)
2021/03/01 Javascript
[01:14:05]《加油DOTA》第四期
2014/08/25 DOTA
python网络编程学习笔记(五):socket的一些补充
2014/06/09 Python
python3实现域名查询和whois查询功能
2018/06/21 Python
NumPy 数学函数及代数运算的实现代码
2018/07/18 Python
python正则表达式之对号入座篇
2018/07/24 Python
python爬虫豆瓣网的模拟登录实现
2019/08/21 Python
Python获取一个用户名的组ID过程解析
2019/09/03 Python
将python安装信息加入注册表的示例
2019/11/20 Python
Python获取二维数组的行列数的2种方法
2020/02/11 Python
浅谈keras中Dropout在预测过程中是否仍要起作用
2020/07/09 Python
详解HTML5中的拖放事件(Drag 和 drop)
2016/11/14 HTML / CSS
浅谈Html5移动端ios/Android兼容性总结
2018/06/01 HTML / CSS
爱淘宝:淘宝网购物分享平台
2017/04/28 全球购物
纪伊国屋泰国网上书店:Kinokuniya泰国
2017/12/24 全球购物
澳大利亚在线家具店:Luxo Living
2019/03/24 全球购物
美国眼镜网站:LensCrafters
2020/01/19 全球购物
六一儿童节活动策划方案
2014/01/27 职场文书
英文求职信范文
2014/05/23 职场文书
2014学校领导四风对照检查材料思想汇报
2014/09/23 职场文书
反四风个人对照检查材料
2014/09/26 职场文书
就业协议书范本
2014/10/08 职场文书
走群众路线学习笔记
2014/11/06 职场文书
2016年教师师德师风心得体会
2016/01/12 职场文书
GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析
2021/06/15 Javascript
浅谈css实现背景颜色半透明的两种方法
2021/12/06 HTML / CSS
SpringBoot整合阿里云视频点播的过程详解
2021/12/06 Java/Android
Python matplotlib可视化之绘制韦恩图
2022/02/24 Python
JAVA长虹键法之建造者Builder模式实现
2022/04/10 Java/Android