無法在Firefox 4中卸載事件觸發4

Question

我已在卸載事件上運行ajax-calls大約一年。 它一般在FF和IE工作，但不是100％，我不能說它什麼時候失敗。 我通過在bodytag中寫入事件來註冊事件：
onunload =「....」
由於卸載事件也想在剛剛卸載的頁面的div標記中寫入，所以我收到了FF4中的錯誤消息。修正了這個問題，如果目標div的id是'dummy'，使得ajax-routine不會寫任何東西。 我不是AJAX專家，但下面的代碼已經工作： http://yorabbit.info/e-dog.info/tmp/ajax_ex.php（鏈接是文本頁）
你用以下參數調用ajaxfunction2：文件名，PHP的queryString，更新期間在目標div中顯示的字符串，目標div的名稱）

我在FF錯誤控制檯和IE9工作中沒有得到任何錯誤消息。 有什麼辦法可以讓它在FF中工作？我剛開始嘗試FF4，但我的印象是，它的工作不如FF3。

謝謝。

（我出門旅行，AY沒有立即回覆的可能性，但我真的很感激的建議，並會在適當時候回覆）

編輯： 我bettter補充一點： 的AJAX-調用我在卸載時只發送一些數據（用戶停留在頁面上的時間）到PHP-MySQL服務器

Answer 1

我不知道這裏發生了什麼，但Firefox 4已經做出了顯着的改變卸載的工作原理：例如，如果您在鏈接單擊事件期間執行alert（），它將不再凍結頁面，而是加載新位置無論如何。也許這是類似的東西。

但是，你永遠保證Ajax調用來完成，如果它沒有在任何瀏覽器同步的反正 - 請求可能會或可能不會有反應回來，直到該頁面已經被關閉。這項工作是否會取決於用戶的網絡速度。

嘗試首先使用同步請求，因爲這裏概述：How does jQuery's synchronous AJAX request work?

這通常會保證要求回來。但是，使用它非常有效在頁面卸載時，謹慎屏蔽的行爲可能會讓用戶非常討厭，甚至會凍結瀏覽器。

Answer 2

我建議使用jQuery，而不是自己跟蹤瀏覽器更改。

解決方案：
找到工作的樣品在這裏：http://jsfiddle.net/ezmilhouse/4PMcc/1/

假設你的內部鏈接相對設置，因此你的外部鏈接集開始以 'http'：

<a href="http://google.com">Leave ...</a> 
<a href="/home.html">Stay ...</a> 

你可以通過jQuery事件劫持'a'標籤，並要求用戶確認離開（在外部鏈接的情況下）。在「OK」的情況下，你脫掉你的「onleave」 AJAX調用（異步=真）和重定向用戶到外部鏈接：

$('a').live('click', function(event){ 

    // cache link 
    var link = $(this).attr('href'); 

    // check if external link (assuming that internal links are relative) 
    if (link.substr(0,4) === "http") { 

     // prevent default a tag event 
     event.preventDefault(); 

     // popup confirm message 
     var reply = confirm('Do you really want to leave?'); 
     if (reply) { 

      var url = 'http:mydomain.com/ajax.php'; 
      var data = {'foo': 'bar', 'fee':'bo'}; 

      // kick off your 'onleave' ajax call 
      // forced to be synchronous 
      $.ajax({ 
       type: "POST", 
       async: false, 
       url: url, 
       data: data, 
       success: function(data) { 

        // ok case: leave page, cached link 
        window.location.href = link; 

       } 
      }); 

     } 

     return false; 

    } 

});