关于购物车下单-订单跳转及返回问题解决方案

问题描述：

通过商品或者购物车进入下单页面
下单页面确认信息 提交订单
进入订单页面
在订单页面点击返回按钮
返回至下单页面

导致的问题：

在下单页面 如果是购物车中的商品 因为购物车中商品已经提交订单了，所以会提示购物车信息无效

解决方案：

第一种解决方案：

如果是通过下单页进入的订单详情 通过监听订单详情页面的返回事件 如果用户点击了返回 则返回两次主要代码如下

    (function(){
        window.onpopstate = function(event) {
            window.history.go(-2);
        };
        window.history.pushState(null, null, "#backIgnoreConfirm");
    })();

第二种解决方案：

在下单页 点击提交订单的时候 将当前页面的url替换为订单详情页 返回的时候就会忽略下单页
location.replace(url);
但是使用这种方案安卓会出现问题
原因：stackoverflow.com/questions/1…
解决方案：

//替换当前页面地址 兼容安卓的replace
function locationReplace(url){
    if(history.replaceState){
        history.replaceState(null, document.title, url);
        history.go(0);
    }else{
        location.replace(url);
    }
}

未经作者允许 请勿转载，谢谢 :)