JavaScript清除浏览器缓存的方法

最新推荐文章于 2023-01-27 13:05:21 发布

行思坐忆，志凌云

最新推荐文章于 2023-01-27 13:05:21 发布

阅读量469

点赞数

分类专栏：前端技术文章标签： JavaScript 清除浏览器缓存

本文链接：https://blog.youkuaiyun.com/qq_38025219/article/details/84285310

版权

前端技术专栏收录该内容

16 篇文章

订阅专栏

本文详细介绍了多种清除网页缓存的方法，包括使用meta标签防止页面缓存、清除form表单临时缓存、通过ajax请求更新文件并设置请求头、在URL参数后添加随机数或时间戳以及利用后端进行缓存清理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、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表单的缓存对于我们书写还是有帮助的，一般情况不建议清理，但是有时候为了安全问题等，需要清理一下！

三、ajax清除浏览器缓存

用ajax请求服务器最新文件，并加上请求头If-Modified-Since和Cache-Control,

$.ajax({
  url:'www.jb51.net',
  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:'www.jb51.net',
  dataType:'json',
  data:{},
  cache:false, 
  ifModified :true ,
  success:function(response){
   //操作
  }
  async:false
 });