等待Ajax調用來完成對頁面刷新

Question

我上傳的AJAX異步調用的文件，但如果在我們刷新頁面，它就會被中止，文件不會被上傳。 有沒有什麼辦法讓刷新頁面之前完成Ajax調用，或者它在後臺完成

Answer 1

這兩個請求都不會在後臺完成，也不能阻止用戶關閉或刷新頁面。 使用全局JavaScript變量來確定ajax調用是否完成。

var fileUploadComplete = false; 

// executed on completion of last outstanding ajax call. 
$(document).ajaxStop(function() { 
    fileUploadComplete = true; 
}); 

window.onbeforeunload = function (event) { 
    if (fileUploadComplete) { 
     return true; 
    } 
    else { return confirm("Files are being uploaded, Are you sure want to cancel ?"); } 
};