如何让页面实时自动刷新,不缓存!

计时器需要实时,倒计时之类的数据数据传输页面对于数据的及时性质要求比较高,因此需要页面实时自动刷新。

1.添加meta标签设置不使用缓存

<meta http-equiv=”Cache-Control” content=”no-cache, no-store, must-revalidate” />
<meta http-equiv=”Pragma” content=”no-cache” />
<meta http-equiv=”Expires” content=”0″ />

2.添加刷新操作

window.onpageshow = function(event) {
if (event.persisted || window.performance && window.performance.navigation.type == 2) {//页面是从缓存中获取的数据||是通过浏览器后退来到该页面
window.location.reload();
}
}

  • window.performance.navigation.type == 2 通过后退返回该页面
  • event.persisted 从缓存获取数据时为true,否则为false

————下载必看————

1、资源通过互联网渠道公开获取,仅供阅读测试,请在下载后24小时内删除,谢谢合作!
2、若版权方认为本站侵权,请联系发邮件至(rsstime@qq.com)处理。
3、本站解压密码统一为:yudouyudou

时光屋 » 如何让页面实时自动刷新,不缓存!

发表评论

至臻视听_发烧收藏

会员介绍 常见问题