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


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 相关文章推荐
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
Aug 14 Javascript
document.getElementById方法在Firefox与IE中的区别
May 18 Javascript
如何使用jquery修改css中带有!important的样式属性
Apr 28 Javascript
简单总结JavaScript中的String字符串类型
May 26 Javascript
javascript弹出窗口中增加确定取消按钮
Jun 24 Javascript
bootstrap datetimepicker2.3.11时间插件使用
Nov 19 Javascript
在Vue中使用echarts的实例代码(3种图)
Jul 10 Javascript
javascript 跨域问题以及解决办法
Jul 17 Javascript
基于 Bootstrap Datetimepicker 联动
Aug 03 Javascript
Angularjs添加排序查询功能的实例代码
Oct 24 Javascript
vuejs实现本地数据的筛选分页功能思路详解
Nov 15 Javascript
对angularJs中2种自定义服务的实例讲解
Sep 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中利用substr_replace将指定两位置之间的字符替换为*号
2011/01/27 PHP
PHP实现生成透明背景的PNG缩略图函数分享
2014/07/08 PHP
PHP经典面试题之设计模式(经常遇到)
2015/10/15 PHP
Laravel实现自定义错误输出内容的方法
2016/10/10 PHP
PHP convert_uudecode()函数讲解
2019/02/14 PHP
js宝典学习笔记(上)
2007/01/10 Javascript
学习ExtJS form布局
2009/10/08 Javascript
location.search在客户端获取Url参数的方法
2010/06/08 Javascript
js关闭模态窗口刷新父页面或跳转页面
2012/12/13 Javascript
多个jQuery版本共存的处理方案
2015/03/17 Javascript
javascript实现根据汉字获取简拼
2016/09/25 Javascript
angular-ui-sortable实现可拖拽排序列表
2016/12/28 Javascript
jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
2017/03/23 jQuery
angular-cli修改端口号【angular2】
2017/04/19 Javascript
生成无限制的微信小程序码的示例代码
2019/09/20 Javascript
[03:36]DOTA2完美大师赛coL战队趣味视频——我演你猜
2017/11/23 DOTA
用Python实现协同过滤的教程
2015/04/08 Python
python调用并链接MATLAB脚本详解
2019/07/05 Python
将tensorflow模型打包成PB文件及PB文件读取方式
2020/01/23 Python
CSS3实现大小不一的粒子旋转加载动画
2016/04/21 HTML / CSS
实例讲解HTML5的meta标签的一些应用
2015/12/08 HTML / CSS
马来西亚演唱会订票网站:StubHub马来西亚
2018/10/18 全球购物
获取邓白氏信用报告:Dun & Bradstreet
2019/01/22 全球购物
开普敦通行证:Cape Town Pass
2019/07/18 全球购物
巴西香水和化妆品购物网站:The Beauty Box
2019/09/03 全球购物
MIRTA官网:手工包,100%意大利制造
2020/02/11 全球购物
一道SQL面试题
2012/12/31 面试题
大学教师年终总结的自我评价
2013/10/29 职场文书
法律六进活动方案
2014/03/13 职场文书
三方协议书范本
2014/04/22 职场文书
大学生国家助学金感谢信
2015/01/23 职场文书
英文慰问信范文
2015/03/24 职场文书
心得体会格式及范文
2016/01/25 职场文书
话题作文之自信作文
2019/11/15 职场文书
使用@Value值注入及配置文件组件扫描
2021/07/09 Java/Android
抖音动画片,皮皮虾,《治愈系》动画在用这首REMIX作为背景音乐,Anak ,The last world with you完整版
2022/03/16 杂记