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


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库的最佳方法详细说明及实现代码
Dec 28 Javascript
jQuery选择器简明总结(含用法实例,一目了然)
Apr 25 Javascript
javascript使用shift+click实现选择和反选checkbox的方法
May 04 Javascript
Seajs是什么及sea.js 由来,特点以及优势
Oct 13 Javascript
强大的JavaScript响应式图表Chartist.js的使用
Sep 13 Javascript
bootstrap时间插件daterangepicker使用详解
Oct 19 Javascript
详解JSONObject和JSONArray区别及基本用法
Oct 25 Javascript
vue.js获得当前元素的文字信息方法
Mar 09 Javascript
JavaScript实现多态和继承的封装操作示例
Aug 20 Javascript
利用原生的JavaScript实现简单拼图游戏
Nov 18 Javascript
vue用BMap百度地图实现即时搜索功能
Sep 26 Javascript
nuxt 路由、过渡特效、中间件的实现代码
Nov 06 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语法(3)
2006/10/09 PHP
php去除重复字的实现代码
2011/09/16 PHP
thinkphp框架实现删除和批量删除
2016/06/29 PHP
php探针不显示内存解决方法
2019/09/17 PHP
javascript 中对象的继承〔转贴〕
2007/01/22 Javascript
ReactNative页面跳转实例代码
2016/09/27 Javascript
jQuery实现删除li节点的方法
2016/12/06 Javascript
详解封装基础的angular4的request请求方法
2018/06/05 Javascript
vue的style绑定background-image的方式和其他变量数据的区别详解
2018/09/03 Javascript
Vue如何基于es6导入外部js文件
2020/05/15 Javascript
解决vue动态路由异步加载import组件,加载不到module的问题
2020/07/26 Javascript
如何手写简易的 Vue Router
2020/10/10 Javascript
vue组件中传值EventBus的使用及注意事项说明
2020/11/16 Javascript
[01:06:30]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第二场 1月9日
2021/03/11 DOTA
Python Requests 基础入门
2016/04/07 Python
Python内置函数——__import__ 的使用方法
2017/11/24 Python
Python爬虫番外篇之Cookie和Session详解
2017/12/27 Python
python 列表降维的实例讲解
2018/06/28 Python
python判断数字是否是超级素数幂
2018/09/27 Python
简单介绍python封装的基本知识
2019/08/10 Python
全网首秀之Pycharm十大实用技巧(推荐)
2020/04/27 Python
Django中使用Json返回数据的实现方法
2020/06/03 Python
美国顶级奢侈茶:Mighty Leaf Tea(美泰茶)
2016/11/26 全球购物
世界上最大的餐具公司:Oneida
2016/12/17 全球购物
保荐人的岗位职责
2013/11/19 职场文书
幼儿园中秋节活动方案
2014/02/06 职场文书
计算机应届毕业生自荐信范文
2014/02/23 职场文书
食品安全标语
2014/06/07 职场文书
个人委托函范文
2015/01/29 职场文书
钱学森电影观后感
2015/06/04 职场文书
《绝招》教学反思
2016/02/20 职场文书
乔迁新居祝福语
2019/11/04 职场文书
css3 filter属性的使用简介
2021/03/31 HTML / CSS
vscode中使用npm安装babel的方法
2021/08/02 Javascript
基于PyQT5制作一个桌面摸鱼工具
2022/02/15 Python
详细介绍MySQL中limit和offset的用法
2022/05/06 MySQL