用浏览器返回到上一页时，上一页刷新

最近遇到一个需求：培训学习的资料页面，用户点了某资料后，会跳转到学习页面，当返回到资料页时，该资料置为“已学习”状态。遇到的问题是，用了浏览器的返回时，资料页不会刷新。方法应该有很多，不过从网上找到了一种，比较方便，写在这里方便自己以后查找

 

将下面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);

});

 

工作至今，感谢优秀的大神们