頁面在更改位置之前等待AJAX​​

Question

這個問題看起來可能有些奇怪，當頁面經歷web測試時出現問題。

頁面使用AJAX調用（async設置爲true）來收集一些數據。 AJAX返回響應後

console.log("firing ajax call"); 
$.ajax({ 
     type: "POST", 
     url:  "requestedService", 
     data:  mode : "requestedMethod", 
     cache: false, 
     dataType: "json", 
     success: function() { console.log("ajax response received") }, 
     error: null, 
     complete: null, 
    }); 
console.log("changing window location"); 
window.location = "http://www.google.com" 

位置唯一變化：考慮下面的代碼 - 出於某種原因，它不會掉頁的AJAX調用返回之前。我測試過這個調用，它實際上是異步的，頁面沒有被阻塞。即使AJAX調用沒有完成，它也應該加載新頁面，但是不會。我可以看到該頁面正在嘗試加載，但只有在得到響應後纔會發生。有任何想法嗎？

控制檯輸出爲：

firing ajax call 
changing window location 
ajax response received 

Answer 1

這似乎爲我工作的罰款。在異步處理程序中的代碼執行之前，位置已更改。也許你應該發佈一些真實的代碼而不是簡化的版本，這樣我們可以提供更好的幫助。

這裏是因爲你期望工作的示範：http://jsfiddle.net/BSg9P/

$(document).ready(function() { 

    var result; 

    $("#btn").on('click', function(sender, args) { 
     setInterval(function() { 
      result = "some result"; 
      console.log("Just returned a result"); 
     }, 5000); 
     window.location = "http://www.google.com"; 
    }); 

}); 

這裏是結果的截圖：http://screencast.com/t/VbxMCxxyIbB

我已經點擊了按鈕2次，你可以在看JS控制檯每次都會在結果之前打印有關位置更改的消息。 （錯誤與CORS相關，如果它是相同的域，它將導航）。