最近遇到一个需求:培训学习的资料页面,用户点了某资料后,会跳转到学习页面,当返回到资料页时,该资料置为“已学习”状态。遇到的问题是,用了浏览器的返回时,资料页不会刷新。方法应该有很多,不过从网上找到了一种,比较方便,写在这里方便自己以后查找
将下面js放在学习页面,当返回资料页面时,就可以看到页面更新啦
$(function(){
if (window.history && window.history.pushState) {
$(window).on(‘popstate‘, function () {
window.history.pushState(‘forward‘, null, ‘#‘);
window.history.forward(1);
location.replace(document.referrer);//刷新
});
}
window.history.pushState(‘forward‘, null, ‘#‘); //在IE中必须得有这两行
window.history.forward(1);
});
工作至今,感谢优秀的大神们
原文:https://www.cnblogs.com/mingluxy/p/11467031.html