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


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函数定义的常见注意事项小结
Sep 16 Javascript
Bootstrap字体图标无法正常显示的解决方法
Oct 08 Javascript
JS调用某段SQL语句的方法
Oct 20 Javascript
AngularJS Phonecat实例讲解
Nov 21 Javascript
js实现动态显示时间效果
Mar 06 Javascript
js+html5实现半透明遮罩层弹框效果
Aug 24 Javascript
Vue中的无限加载vue-infinite-loading的方法
Apr 08 Javascript
JavaScript实现获取两个排序数组的中位数算法示例
Feb 26 Javascript
浅谈Vue.js 关于页面加载完成后执行一个方法的问题
Apr 01 Javascript
element-ui多文件上传的实现示例
Apr 10 Javascript
vue监听用户输入和点击功能
Sep 27 Javascript
如何实现vue的tree组件
Dec 03 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
Amazon Prime Video平台《无限住人 -IMMORTAL-》2020年开始TV放送!
2020/03/06 日漫
PHP入门速成(2)
2006/10/09 PHP
PHP中通过ADO调用Access数据库的方法测试不通过
2006/12/31 PHP
浏览器预览PHP文件时顶部出现空白影响布局分析原因及解决办法
2013/01/11 PHP
php定时计划任务与fsockopen持续进程实例
2014/05/23 PHP
php使用CURL伪造IP和来源实例详解
2015/01/15 PHP
php从给定url获取文件扩展名的方法
2015/03/14 PHP
PHP简单操作MongoDB的方法(安装及增删改查)
2016/05/26 PHP
laravel5.6中的外键约束示例
2019/10/23 PHP
mapper--图片热点区域高亮组件官方站点
2007/12/22 Javascript
HTML node相关的一些资料整理
2010/01/01 Javascript
jQuery each()小议
2010/03/18 Javascript
mailto的使用技巧分享
2012/12/21 Javascript
Javascript中的Prototype到底是什么
2016/02/16 Javascript
jQuery实现的自定义弹出层效果实例详解
2016/09/04 Javascript
从零开始学习Node.js系列教程之SQLite3和MongoDB用法分析
2017/04/13 Javascript
微信小程序之导航滑块视图容器功能的实现代码(简单两步)
2020/06/19 Javascript
vue移动端写的拖拽功能示例代码
2020/09/09 Javascript
html+vue.js 实现漂亮分页功能可兼容IE
2020/11/07 Javascript
[48:30]LGD vs infamous Supermajor小组赛D组 BO3 第一场 6.3
2018/06/04 DOTA
Python中的模块导入和读取键盘输入的方法
2015/10/16 Python
Python中第三方库Requests库的高级用法详解
2017/03/12 Python
用生成器来改写直接返回列表的函数方法
2017/05/25 Python
python并发和异步编程实例
2018/11/15 Python
python中的列表与元组的使用
2019/08/08 Python
Django项目主urls导入应用中views的红线问题解决
2019/08/10 Python
用python爬取历史天气数据的方法示例
2019/12/30 Python
利用CSS3实现炫酷的飞机起飞动画
2016/09/17 HTML / CSS
html5 canvas实现圆形时钟代码分享
2013/12/25 HTML / CSS
文秘专业毕业生就业推荐信
2013/11/08 职场文书
大二法英学生职业生涯规划范文
2014/02/27 职场文书
安全生产月活动总结
2014/05/04 职场文书
体育之星事迹材料
2014/05/11 职场文书
作文评语怎么写
2014/12/25 职场文书
故宫英文导游词
2015/01/31 职场文书
2016年世界人口日宣传活动总结
2016/04/05 职场文书