js清除浏览器缓存问题的个人见解

关于浏览器缓存

浏览器缓存,有时候我们需要他,因为可以提高网站性能和浏览器速度,提高网站性能。但是有时候我们又不得不清除缓存,因为缓存可能误事,出现一些错误的数据。

清理网站缓存的几种方法

方法一:meta方法

//就是html页面标签不缓存

<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()">

方法三:ajax清除浏览器缓存

方式一:用ajax请求服务器最新文件,并加上请求头If-Modified-Since和Cache-Control,(看业务场景再使用)

  $.ajax({

     url:'www.haorooms.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:'www.haorooms.com',

     dataType:'json',

     data:{},

     cache:false,

     ifModified :true ,

     success:function(response){

         //操作

     }

     async:false

  });

方法三:用随机数,随机数也是避免缓存的一种很不错的方法!(推荐)

URL 参数后加上 "?ran=" + Math.random(); //当然这里参数 ran可以任意取了

方法四:用随机时间,和随机数一样。(推荐)

在 URL 参数后加上 "?timestamp=" + new Date().getTime();

——————————————————————————

PS:方法不唯一,最好根据自己业务场景用相应的技术实现,这才能体现前端技术。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值