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


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的IE和Firefox(火狐)兼容性的问题总结及常用例子
May 21 Javascript
跨域传值即主页面与iframe之间互相传值
Dec 09 Javascript
jQuery操作DOM之获取表单控件的值
Jan 23 Javascript
JavaScript实现Java中StringBuffer的方法
Feb 09 Javascript
JavaScript DOM基础
Apr 13 Javascript
初步使用bootstrap快速创建页面
Mar 03 Javascript
js简单判断flash是否加载完成的方法
Jun 21 Javascript
AngularJs Forms详解及简单示例
Sep 01 Javascript
angular directive的简单使用总结
May 24 Javascript
在vue中获取微信支付code及code被占用问题的解决方法
Apr 16 Javascript
jQuery 查找元素操作实例小结
Oct 02 jQuery
vue任意关系组件通信与跨组件监听状态vue-communication
Oct 18 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游戏编程25个脚本代码
2011/02/08 PHP
PHP实现手机号码中间四位用星号(*)隐藏的自定义函数分享
2014/09/27 PHP
php+mysqli实现批量替换数据库表前缀的方法
2014/12/29 PHP
PHP中explode函数和split函数的区别小结
2016/08/24 PHP
laradock环境docker-compose操作详解
2019/07/29 PHP
javascript开发技术大全 第4章 直接量与字符集
2011/07/03 Javascript
8款非常棒的响应式jQuery 幻灯片插件推荐
2012/02/02 Javascript
JavaScript高级程序设计(第3版)学习笔记5 js语句
2012/10/11 Javascript
Javascript中call与apply的学习笔记
2014/09/22 Javascript
JavaScript运行机制之事件循环(Event Loop)详解
2014/10/10 Javascript
javascript表格的渲染组件
2015/07/03 Javascript
由简入繁实现Jquery树状结构的方法(推荐)
2016/06/10 Javascript
jQuery中ScrollTo用法示例
2016/09/04 Javascript
NodeJS、NPM安装配置步骤(windows版本) 以及环境变量详解
2017/05/13 NodeJs
React Native之prop-types进行属性确认详解
2017/12/19 Javascript
AngularJS发送异步Get/Post请求方法
2018/08/13 Javascript
JS Math对象与Math方法实例小结
2019/07/05 Javascript
JS异步宏队列与微队列原理区别详解
2020/07/02 Javascript
Python实现控制台输入密码的方法
2015/05/29 Python
一步步教你用Python实现2048小游戏
2017/01/19 Python
Python常用内置模块之xml模块(详解)
2017/05/23 Python
Django中利用filter与simple_tag为前端自定义函数的实现方法
2017/06/15 Python
Python实现屏幕录制功能的代码
2020/03/02 Python
如何用python实现一个HTTP连接池
2021/01/14 Python
详解css position 5种不同的值的用法
2019/07/30 HTML / CSS
阿拉伯世界最大的电子商务网站:Souq沙特阿拉伯
2016/10/28 全球购物
JDK安装目录下有哪些内容
2014/08/25 面试题
求职简历的自我评价怎样写好
2013/10/07 职场文书
教师师德反思材料
2014/02/15 职场文书
租房协议书怎么写
2014/04/10 职场文书
2014感恩节演讲稿大全
2014/10/11 职场文书
作风转变年心得体会
2014/10/22 职场文书
大学生党性分析材料
2014/12/19 职场文书
学生个人总结范文
2015/02/15 职场文书
使用canvas实现雪花飘动效果的示例代码
2021/03/30 HTML / CSS
mybatis源码解读之executor包语句处理功能
2022/02/15 Java/Android