AJAX重定向成功覆蓋其他邏輯

Question

在執行AJAX成功後，我似乎無法重定向到新頁面（這是在jQuery Mobile的腳本中）。在下面的代碼中，如果我執行除重定向以外的其他功能，則sessionStorage會按預期設置。執行重定向時，sessionStorage代碼不會執行。建議？

$("#register").click(function() { 

    var formData = $("#registerUser").serialize(); 

    $.ajax({ 
     type: "POST", 
     url: "file.php", 
     //dataType:'json', 
     cache: false, 
     data: formData, 
     //success: onSuccess, 
     success: function (data) { 
      if (data.status == 'success') { 

       //execute some code here 
       var someValue = (data.id); 
       sessionStorage.setItem('someValue', someValue); 

      } else if (data.status == 'error') $("#notification").text(data.message); 
     }, 

     complete: function() { 
      window.location.replace('newPage.html'); 
     } 
    }); 

    return false; 
}); 

Answer 1

想通了這出自己 - 你必須使用JQM重定向：$.mobile.changePage('newPage.html');

success: function (data) { 
    if (data.status == 'success') { 

     //execute some code here 
     var someValue = (data.id); 
     sessionStorage.setItem('someValue', someValue); 

     // redirect after success 
     $.mobile.changePage('newPage.html'); 

    } else if (data.status == 'error') { 
     $("#notification").text(data.message); 
    } 
} 

Answer 2

您的成功和完成是相沖突的。兩者都會在完成時執行。一個會重定向。將重定向代碼移到成功，以便在重做其他事情之後重定向代碼。

success: function (data) { 
    if (data.status == 'success') { 

     //execute some code here 
     var someValue = (data.id); 
     sessionStorage.setItem('someValue', someValue); 

     // redirect after success 
     window.location.replace('newPage.html'); 

    } else if (data.status == 'error') { 
     $("#notification").text(data.message); 
    } 
}