问题描述:
通过商品或者购物车进入下单页面
下单页面确认信息 提交订单
进入订单页面
在订单页面点击返回按钮
返回至下单页面
导致的问题:
在下单页面 如果是购物车中的商品 因为购物车中商品已经提交订单了,所以会提示购物车信息无效
解决方案:
第一种解决方案:
如果是通过下单页进入的订单详情 通过监听订单详情页面的返回事件 如果用户点击了返回 则返回两次主要代码如下1
2
3
4
5
6(function(){
window.onpopstate = function(event) {
window.history.go(-2);
};
window.history.pushState(null, null, "#backIgnoreConfirm");
})();
第二种解决方案:
在下单页 点击提交订单的时候 将当前页面的url替换为订单详情页 返回的时候就会忽略下单页
location.replace(url);
但是使用这种方案安卓会出现问题原因
解决方案:1
2
3
4
5
6
7
8
9//替换当前页面地址 兼容安卓的replace
function locationReplace(url){
if(history.replaceState){
history.replaceState(null, document.title, url);
history.go(0);
}else{
location.replace(url);
}
}
未经作者允许 请勿转载,谢谢 :)