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


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 相关文章推荐
几个比较实用的JavaScript 测试及效验工具
Apr 18 Javascript
javascript面向对象入门基础详细介绍
Sep 05 Javascript
得到form下的所有的input的js代码
Nov 07 Javascript
javascript图片预加载实例分析
Jul 16 Javascript
C++中的string类的用法小结
Aug 07 Javascript
vue多级多选菜单组件开发
Sep 08 Javascript
Vuex和前端缓存的整合策略详解
May 09 Javascript
在小程序Canvas中使用measureText的方法示例
Oct 19 Javascript
JavaScript模块管理的简单实现方式详解
Jun 15 Javascript
vue实现Excel文件的上传与下载功能的两种方式
Jun 28 Javascript
Vue组件通信$attrs、$listeners实现原理解析
Sep 03 Javascript
详解 javascript对象创建模式
Oct 30 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 strlen mb_strlen计算中英文混排字符串长度
2009/07/10 PHP
php字符串按照单词进行反转的方法
2015/03/14 PHP
php实现二叉树中和为某一值的路径方法
2018/10/14 PHP
PHP实现数据四舍五入的方法小结【4种方法】
2019/03/27 PHP
HR vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
捕获关闭窗口的脚本
2009/01/10 Javascript
jQuery hover 延时器实现代码
2011/03/12 Javascript
js split 的用法和定义 js split分割字符串成数组的实例代码
2012/05/13 Javascript
JQuery标签页效果的两个实例讲解(4)
2015/09/17 Javascript
jquery做个日期选择适用于手机端示例
2017/01/10 Javascript
vue子组件使用自定义事件向父组件传递数据
2017/05/27 Javascript
webpack教程之webpack.config.js配置文件
2017/07/05 Javascript
解决Mac安装thrift因bison报错的问题
2018/05/17 Javascript
微信小程序Echarts图表组件使用方法详解
2019/06/25 Javascript
jQuery实现的移动端图片缩放功能组件示例
2020/05/01 jQuery
Python实现桶排序与快速排序算法结合应用示例
2017/11/22 Python
Python实现的多线程同步与互斥锁功能示例
2017/11/30 Python
python自动发邮件库yagmail的示例代码
2018/02/23 Python
Python + selenium自动化环境搭建的完整步骤
2018/05/19 Python
python、Matlab求定积分的实现
2019/11/20 Python
Pytorch to(device)用法
2020/01/08 Python
Pycharm pyuic5实现将ui文件转为py文件,让UI界面成功显示
2020/04/08 Python
python实现mask矩阵示例(根据列表所给元素)
2020/07/30 Python
PyCharm2019.3永久激活破解详细图文教程,亲测可用(不定期更新)
2020/10/29 Python
python爬虫如何解决图片验证码
2021/02/14 Python
Html5页面上如何禁止手机虚拟键盘弹出
2020/03/19 HTML / CSS
vue路由实现登录拦截
2021/03/24 Vue.js
护理自我鉴定范文
2013/10/06 职场文书
思想汇报格式
2014/01/05 职场文书
给面试官的感谢信
2014/02/01 职场文书
劲霸男装广告词改编版
2014/03/21 职场文书
市级青年文明号申报材料
2014/05/26 职场文书
高三励志标语
2014/06/05 职场文书
篮球兴趣小组活动总结
2014/07/07 职场文书
相亲活动方案
2014/08/26 职场文书
大学生党员批评与自我批评
2014/09/28 职场文书