AJAXをサーバーbeforeunloadに送信する

Question

So supposedly starting at Firefox > 4、ウィンドウjQueryオブジェクトをbeforeunloadにバインドしてもはや動作しません。

私のやりたいことは、サーバーのMemcacheデータを削除するAJAX投稿を送信することです。

開いている唯一のタブをリフレッシュすると、beforeunloadイベントがconsole.logメッセージ「firefox/NON-firefox delete」で示されるように、firefoxとchromeの両方で次のコードで呼び出されていることがわかります。問題は、私のサーバーが$.ajax要求を見たことがないことを示すconsole.logメッセージ "memcache delete"が表示されないことです。

ブラウザスニッフィングを行うのが悪いことと、if文とelse文に含まれる内容に違いがないことが分かります。私は単にFirefoxでうまくいっていなかったコードを表示しています。

誰もが考えている？

$(window).bind('beforeunload', function(){ 
    if(/Firefox[\/\s](\d+)/.test(navigator.userAgent) && new Number(RegExp.$1) >= 4) { 
    console.log('firefox delete'); 
    memcacheDelete(); 
    return null; 
    } 
    else { 
    console.log('NON-firefox delete'); 
    memcacheDelete(); 
    return null; 
    } 
}); 

function memcacheDelete() { 
    $.ajax({ 
     url: "/memcache/delete", 
     type: "post", 
     data:{}, 
     success:function(){ 
      console.log('memcache deleted'); 
     }//success 
    }); //ajax 
} 

Answer 1

のAjaxは非同期です。

ブラウザを更新（または閉じる）すると、beforeunloadが呼び出されています。そして、beforeunloadの実行が終了するとすぐに、ページがリフレッシュ（または閉じる）を意味します。

（非同期なので）javascriptインタプリタは、ajax successイベントが実行されるのを待たずにbeforeunloadの実行を終了します。

success ajaxは数秒後に呼び出されるはずですが、ページがリフレッシュ/クローズされても表示されません。

サイドノート：

.success()法が廃止されており、ただ、完了のために

Reference

Answer 2

.done()方法によって置き換えられ、ここで@Jashwantのおかげで、私がやったことです指導のため： 私は気づいたthis other SO Q&A suggested the same solution。 KEYが以下$.ajaxコールでasync:true(false)次のとおりです。

$(window).bind('beforeunload', function(){ 
    if(/Firefox[\/\s](\d+)/.test(navigator.userAgent) && new Number(RegExp.$1) >= 4) { 
    console.log('firefox delete'); 
    var data={async:false}; 
    memcacheDelete(data); 
    return null; 
    } 
    else { 
    console.log('NON-firefox delete'); 
    var data={async:true}; 
    memcacheDelete(data); 
    return null; 
    } 
}); 

function memcacheDelete(data) { 
    $.ajax({ 
    url: "/memcache/delete", 
    type: "post", 
    data:{}, 
    async:data.async, 
    success:function(){ 
     console.log('memcache deleted'); 
    }//success 
    }); //ajax 
}