關於購物車下單-訂單跳轉及返回問題解決方案

SeeMoonUp發表於2017-08-01

問題描述：

通過商品或者購物車進入下單頁面
下單頁面確認資訊 提交訂單
進入訂單頁面
在訂單頁面點選返回按鈕
返回至下單頁面

導致的問題：

在下單頁面 如果是購物車中的商品 因為購物車中商品已經提交訂單了，所以會提示購物車資訊無效

解決方案：

第一種解決方案：

如果是通過下單頁進入的訂單詳情 通過監聽訂單詳情頁面的返回事件 如果使用者點選了返回 則返回兩次主要程式碼如下

    (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);
    }
}複製程式碼

未經作者允許 請勿轉載，謝謝 :)

相關文章