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


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 相关文章推荐
动态修改DOM 里面的 id 属性的弊端分析
Sep 03 Javascript
jQuery之$(document).ready()使用介绍
Apr 05 Javascript
JavaScript中的值类型详细介绍
Dec 29 Javascript
jQuery对指定元素中指定字符串进行替换的方法
Mar 17 Javascript
JS数字抽奖游戏实现方法
May 04 Javascript
基于jquery实现的树形菜单效果代码
Sep 06 Javascript
基于JavaScript实现生成名片、链接等二维码
Sep 20 Javascript
jquery div模态窗口的简单实例
May 28 Javascript
js图片轮播手动切换特效
Jan 12 Javascript
Vue中fragment.js使用方法详解
Mar 09 Javascript
详解Vue+Element的动态表单,动态表格(后端发送配置,前端动态生成)
Apr 20 Javascript
Vue项目打包编译优化方案
Sep 16 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
Yii Framework框架开发微信公众平台示例
2020/04/26 PHP
Jquery乱码的一次解决过程 图解教程
2010/02/20 Javascript
jQuery 表单验证扩展(三)
2010/10/20 Javascript
用最通俗易懂的代码帮助新手理解javascript闭包 推荐
2012/03/01 Javascript
js多级树形弹出一个小窗口层(非常好用)实例代码
2013/03/19 Javascript
JS定时刷新页面及跳转页面的方法
2013/07/04 Javascript
浏览器窗口加载和大小改变事件示例
2014/02/27 Javascript
jquery使用each方法遍历json格式数据实例
2015/05/18 Javascript
谈谈对offsetleft兼容性的理解
2015/11/11 Javascript
详解JavaScript的AngularJS框架中的表达式与指令
2016/03/05 Javascript
Angularjs material 实现搜索框功能
2016/03/08 Javascript
javascript事件委托的用法及其好处简析
2016/04/04 Javascript
Vue结合原生js实现自定义组件自动生成示例
2017/01/21 Javascript
Node.js服务器开启Gzip压缩教程
2017/08/11 Javascript
基于zTree树形菜单的使用实例
2017/12/25 Javascript
基于vue cli重构多页面脚手架过程详解
2018/01/23 Javascript
JS伪继承prototype实现方法示例
2018/06/20 Javascript
了解Javascript中函数作为对象的魅力
2019/06/19 Javascript
ES6对象操作实例详解
2020/05/23 Javascript
彻底搞懂并解决vue-cli4中图片显示的问题实现
2020/08/31 Javascript
[44:39]2014 DOTA2国际邀请赛中国区预选赛 NE VS CNB
2014/05/21 DOTA
利用Python开发微信支付的注意事项
2016/08/19 Python
Python pip替换为阿里源的方法步骤
2019/07/02 Python
wxPython实现列表增删改查功能
2019/11/19 Python
python中实现词云图的示例
2020/12/19 Python
css3制作动态进度条以及附加jQuery百分比数字显示
2012/12/13 HTML / CSS
大女孩胸罩:Big Girls Bras
2016/12/15 全球购物
Bonprix法国:时尚、鞋子、家居
2020/12/29 全球购物
两则小学生的自我评价分享
2013/11/14 职场文书
入党介绍人评语
2014/05/06 职场文书
党员自我评价范文2015
2015/03/03 职场文书
网聊搭讪开场白
2015/05/28 职场文书
《月光曲》教学反思
2016/02/16 职场文书
解决python3安装pandas出错的问题
2021/05/20 Python
win11高清晰音频管理器在哪里?win11找不到高清晰音频管理器解决办法
2022/04/08 数码科技
MSSQL基本语法操作
2022/04/11 SQL Server