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


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自动打开页面上链接的实现代码
Sep 25 Javascript
js中浮点型运算BUG的解决方法说明
Jan 06 Javascript
原生JavaScript编写俄罗斯方块
Mar 30 Javascript
jquery实现Ctrl+Enter提交表单的方法
Jul 21 Javascript
修复jQuery tablesorter无法正确排序的bug(加千分位数字后)
Mar 30 Javascript
javascript的BOM
May 03 Javascript
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
Nov 03 Javascript
jQuery实现优雅的弹窗效果(6)
Feb 08 Javascript
快速了解vue-cli 3.0 新特性
Feb 28 Javascript
微信小程序制作表格的方法
Feb 14 Javascript
Vue递归组件+Vuex开发树形组件Tree--递归组件的简单实现
Apr 01 Javascript
vuex实现购物车的增加减少移除
Jun 28 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
多人战的战术与战略
2020/03/04 星际争霸
php实现telnet功能示例
2014/04/08 PHP
总结PHP如何获取当前主机、域名、网址、路径、端口和参数等
2016/09/09 PHP
深入讲解PHP的对象注入(Object Injection)
2017/03/01 PHP
HTML中不支持静态Expando的元素的问题
2007/03/08 Javascript
建立良好体验度的Web注册系统ajax
2007/07/09 Javascript
JQuery CSS样式控制 学习笔记
2009/07/23 Javascript
javascript 实现键盘上下左右功能的小例子
2013/09/15 Javascript
再谈javascript原型继承
2014/11/10 Javascript
jQuery中outerWidth()方法用法实例
2015/01/19 Javascript
浅谈document.write()输出样式
2015/05/07 Javascript
JS实现消息来时让网页标题闪动效果的方法
2016/04/20 Javascript
JS控制静态页面之间传递参数获取参数并应用的简单实例
2016/08/10 Javascript
深入学习Bootstrap表单
2016/12/13 Javascript
vue.js利用Object.defineProperty实现双向绑定
2017/03/09 Javascript
使用requirejs模块化开发多页面一个入口js的使用方式
2017/06/14 Javascript
JS实现下拉菜单列表与登录注册弹窗效果
2017/08/10 Javascript
js 只比较时间大小的实例
2017/10/26 Javascript
微信小程序用户自定义模版用法实例分析
2017/11/28 Javascript
微信小程序实现运动步数排行功能(可删除)
2018/07/05 Javascript
HTML+JS实现“代码雨”效果源码(黑客帝国文字下落效果)
2020/03/17 Javascript
[00:10]DOTA2全国高校联赛 以DOTA2会友
2018/05/30 DOTA
Python实现监控程序执行时间并将其写入日志的方法
2015/06/30 Python
Python批量合并有合并单元格的Excel文件详解
2018/04/05 Python
解决Jupyter Notebook使用parser.parse_args出现错误问题
2020/04/20 Python
解决更改AUTH_USER_MODEL后出现的问题
2020/05/14 Python
使用sklearn对多分类的每个类别进行指标评价操作
2020/06/11 Python
HTML5之SVG 2D入门3—文本与图像及渲染文本介绍
2013/01/30 HTML / CSS
成功的酒店创业计划书
2013/12/27 职场文书
机械系毕业生求职信
2014/05/28 职场文书
好听的队名和口号
2014/06/09 职场文书
诚实守信道德模范事迹材料
2014/08/15 职场文书
党员民主生活会对照检查材料思想汇报
2014/09/28 职场文书
酒店办公室主任岗位职责
2015/04/01 职场文书
2016暑期师德培训心得体会
2016/01/09 职场文书
使用 DataAnt 监控 Apache APISIX的原理解析
2022/07/07 Servers