Ajax請求不會在頁面重定向上中止

Question

我在特定頁面上發送ajax請求。 然后我單擊另一個鏈接。 並且ajax請求的響應沒有到來。 沒有任何方法可以在點擊任何其他鏈接時不破壞我的ajax請求。

Answer 1

如果用戶離開頁面，那么您將無能為力。 您可以嘗試阻止它們離開，或者在頁面上顯示覆蓋圖，並阻止用戶單擊所顯示頁面上的鏈接（至少直到ajax響應到達為止）。 確保他們了解在操作完成之前離開頁面可能會導致問題。

Answer 2

如果我正確理解了您的問題，聽起來您是在發出ajax請求，但是隨后單擊頁面上的另一個鏈接，那么ajax請求永遠不會完成？

如果是這種情況，您可以將一個函數綁定到所有會鏈接到.preventDefault()鏈接，然后在AJAX請求完成時，可以取消綁定該函數。

類似於以下內容：

function makeAJAXRequest(){
    $('a').click(function(){});
    //Do AJAX Request Here
}
function AJAXCallbackk(){
    $('a').unbind('click');
    //Parse AJAX here
}

您還可以將一個函數綁定到onBeforeUnload ，該函數將創建一個window.confirm() ，提示用戶詢問他們是否確定要離開頁面。 如果輸入框包含未提交的文本，則許多網站都會這樣做。 Facebook是一個明顯的例子。