onbeforeunload在ajax調用中不返回字符串

Question

我必須進行ajax調用，並根據響應來決定是否離開頁面。這是我到目前爲止所嘗試的。

window.onbeforeunload = function(e) { 
    $.when($.ajax({ 
     url: checkUrl, 
     async: false, 
     type: 'GET', 
    })).then(function(data, textStatus, jqXHR){ 
     if(data===false) 
      return "Appointment not created yet. Do you wish to leave?"; 
     else 
      return false; 
    });} 

當我使用調試器來檢查控制，似乎要等到返回的數據流，但它不會顯示警告框。

我不知道我在做什麼錯。我知道有類似的問題，但找不到解決方案。幫我找到一種方法來使它工作

Answer 1

你沒有從你的onbeforeunload函數返回字符串。你從then回調中返回。

您需要設置您使用從主函數，而不是返回一個變量：

window.onbeforeunload = function(e) { 
    var result = undefined; 
    $.when($.ajax({ 
     url: checkUrl, 
     async: false, 
     type: 'GET', 
    })).then(function(data, textStatus, jqXHR){ 
     if(data===false) { 
      result = "Appointment not created yet. Do you wish to leave?"; 
     } 
    }); 
    return result; 
}; 

---

邊注：有沒有必要在該$.when，您可以使用「承諾」通過$.ajax直接返回：

window.onbeforeunload = function(e) { 
    var result = undefined; 
    $.ajax({ 
     url: checkUrl, 
     async: false, 
     type: 'GET', 
    }).then(function(data, textStatus, jqXHR){ 
     if(data===false) { 
      result = "Appointment not created yet. Do you wish to leave?"; 
     } 
    }); 
    return result; 
}; 

邊注2：在這裏插入平時筆記關於Ajax如何同步塊瀏覽器的UI。如果您正在進行預約創建，當您開始創建預約時，您可以設置客戶端變量，然後在完成後清除它，並使用它來知道是否顯示消息？

附註3：現代瀏覽器忽略您返回的消息，只顯示一些通用的東西。我不是說你應該改變任何東西（因爲現在還有一些東西顯示它），只是提到它，所以你不要試圖弄清楚爲什麼你會收到一條消息，但不是你的信息。

附註4：您的then回調只會收到一個參數。您列出的三個參數是傳遞給success回調的參數，而不是then回調。