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


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关于select的相关操作说明
Jan 13 Javascript
浅谈JavaScript中的string拥有方法的原因
Aug 28 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
Nov 30 Javascript
使用Bootstrap4 + Vue2实现分页查询的示例代码
Dec 21 Javascript
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
Apr 19 Javascript
如何获取TypeScript的声明文件.d.ts
May 01 Javascript
php结合js实现多条件组合查询
May 28 Javascript
JS根据json数组多个字段排序及json数组常用操作
Jun 06 Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
Sep 06 Javascript
纯js+css实现仿移动端淘宝网站的弹出详情框功能
Dec 29 Javascript
vue下axios拦截器token刷新机制的实例代码
Jan 17 Javascript
vue前端工程的搭建
Mar 31 Vue.js
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中输出json对象的值(实现方法)
2018/03/07 PHP
arguments对象
2006/11/20 Javascript
编写可维护面向对象的JavaScript代码[翻译]
2011/02/12 Javascript
JQuery动画和停止动画实例代码
2013/03/01 Javascript
做好七件事帮你提升jQuery的性能
2014/02/06 Javascript
JQuery操作textarea,input,select,checkbox方法
2015/09/02 Javascript
js匿名函数作为函数参数详解
2016/06/01 Javascript
BootStrap的两种模态框方式
2017/05/10 Javascript
echart简介_动力节点Java学院整理
2017/08/11 Javascript
Vue内容分发slot(全面解析)
2017/08/19 Javascript
详解@angular/cli 改变默认启动端口两种方式
2018/11/29 Javascript
vue自定义指令之面板拖拽的实现
2019/04/14 Javascript
微信小程序登录时如何获取input框中的内容
2019/12/04 Javascript
js实现百度淘宝搜索功能
2020/02/17 Javascript
jquery插件实现轮播图效果
2020/10/19 jQuery
element-ui封装一个Table模板组件的示例
2021/01/04 Javascript
利用python获取Ping结果示例代码
2017/07/06 Python
用Python登录好友QQ空间点赞的示例代码
2017/11/04 Python
Scrapy框架使用的基本知识
2018/10/21 Python
Python http接口自动化测试框架实现方法示例
2018/12/06 Python
python处理自动化任务之同时批量修改word里面的内容的方法
2019/08/23 Python
python英语单词测试小程序代码实例
2019/09/09 Python
pytorch中tensor张量数据类型的转化方式
2019/12/31 Python
Python读取VOC中的xml目标框实例
2020/03/10 Python
python 子类调用父类的构造函数实例
2020/03/12 Python
浅析CSS3中鲜为人知的属性:-webkit-tap-highlight-color
2017/01/12 HTML / CSS
HTML5实现页面切换激活的PageVisibility API使用初探
2016/05/13 HTML / CSS
家长对小学生的评语
2014/01/28 职场文书
励志演讲稿200字
2014/08/21 职场文书
2015年外贸业务员工作总结范文
2015/05/23 职场文书
2016年党员岗位承诺书
2016/03/24 职场文书
简历上的自我评价,该怎么写呢?
2019/06/13 职场文书
干货分享:推荐信写作技巧!
2019/06/21 职场文书
XX部保密工作制度范本
2019/08/27 职场文书
pytorch常用数据类型所占字节数对照表一览
2021/05/17 Python