url加时间戳避免再次请求当前路径出现的缓存问题

url加时间戳避免再次请求当前路径出现的缓存问题

1.解释:在URL中加时间戳就会保证每一次发起的请求都是一个不同于之前的请求,这样就能避免浏览器对URL的缓存。

2.在html head引入一下代码:

<script type="text/javascript">
var timeTag = sessionStorage.getItem("time") || null;  
if(!timeTag) {  //判断sessionStorage是否存在时间戳,没有就给url添加时间戳,并保存起来
var arr = location.href.split('#/');
var timestamp=new Date().getTime(); //获取进入项目的时间戳
if( location.href.indexOf('?time=') != -1 ){  //判断sessionStorage没保存时间戳,但url有时间戳的情况,需要把url的时间戳转换成最新的,避免再次请求当前路径出现的缓存
var arr2 = location.href.split('?time=');
window.location.href = arr2[0] + '?time=' + timestamp + '#/' +arr[1];
}else {  //判断sessionStorage没保存时间戳,并且url没有时间戳的情况,时间戳加到url中
window.location.href = arr[0] + '?time=' + timestamp + '#/' +arr[1];
}
sessionStorage.setItem("time",timestamp)  //把当前进入项目的时间戳存起来
}
</script>

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值