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


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 相关文章推荐
JS BASE64编码 window.atob(), window.btoa()
Mar 09 Javascript
js 提交和设置表单的值
Dec 19 Javascript
jquery Mobile入门—多页面切换示例学习
Jan 08 Javascript
计算新浪Weibo消息长度(还可以输入119字)
Jul 02 Javascript
获取select元素被选中的文本内容的js代码
Jan 29 Javascript
js面向对象的写法
Feb 19 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
Apr 13 Javascript
Egg.js 中 AJax 上传文件获取参数的方法
Oct 10 Javascript
使用ECharts实现状态区间图
Oct 25 Javascript
vue cli 3.x 项目部署到 github pages的方法
Apr 17 Javascript
ZK中使用JS读取客户端txt文件内容问题
Nov 07 Javascript
vue 使用vant插件做tabs切换和无限加载功能的实现
Nov 04 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
如何使用Strace调试工具
2013/06/03 PHP
非常好用的Zend Framework分页类
2014/06/25 PHP
php实现上传图片保存到数据库的方法
2015/02/11 PHP
php实现将HTML页面转换成word并且保存的方法
2016/10/14 PHP
PHP解密支付宝小程序的加密数据、手机号的示例代码
2021/02/26 PHP
Javascript代码混淆综合解决方案-Javascript在线混淆器
2006/12/18 Javascript
JavaScript 组件之旅(三):用 Ant 构建组件
2009/10/28 Javascript
Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐
2011/01/27 Javascript
js修改input的type属性问题探讨
2013/10/12 Javascript
jquery mobile动态添加元素之后不能正确渲染解决方法说明
2014/03/05 Javascript
wap图片滚动特效无css3元素纯js脚本编写
2014/08/22 Javascript
Angularjs基础知识及示例汇总
2015/01/22 Javascript
不得不分享的JavaScript常用方法函数集(下)
2015/12/25 Javascript
CascadeView级联组件实现思路详解(分离思想和单链表)
2016/04/12 Javascript
javascript的BOM
2016/05/03 Javascript
浅谈Web页面向后台提交数据的方式和选择
2016/09/23 Javascript
Yarn的安装与使用详细介绍
2016/10/25 Javascript
bootstrap侧边栏圆点导航
2017/01/11 Javascript
Vue Transition实现类原生组件跳转过渡动画的示例
2017/08/19 Javascript
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
2019/04/14 Javascript
记一次Vue.js混入mixin的使用(分权限管理页面)
2019/04/17 Javascript
vue点击按钮动态创建与删除组件功能
2019/12/29 Javascript
10款最好的Web开发的 Python 框架
2015/03/18 Python
Python中的浮点数原理与运算分析
2017/10/12 Python
Python+OpenCV感兴趣区域ROI提取方法
2019/01/10 Python
python将字符串转换成json的方法小结
2019/07/09 Python
HTML5中的强制下载属性download使用实例解析
2016/05/12 HTML / CSS
全球最大的跑步用品商店:Road Runner Sports
2016/09/11 全球购物
加拿大百叶窗和窗帘定制网站:Blinds
2017/01/30 全球购物
纽约JewelryAffairs珠宝店:精细金银时尚首饰
2017/02/05 全球购物
什么是.net
2015/08/03 面试题
幼儿园小班植树节活动方案
2014/03/04 职场文书
人事部岗位职责范本
2014/03/05 职场文书
大学学生会竞选演讲稿
2014/04/25 职场文书
暑期学习心得体会
2014/09/02 职场文书
2016清明节森林防火广播稿
2015/12/17 职场文书