jQueryでウィンドウを閉じた瞬間に処理をしたい。

Question

ウィンドウまたは、タブを閉じた瞬間に処理を実行させたいのですが、
いろいろな方法を試してみたものの、うまくいきません。

試したjQuery

$(document).ready(function(){
  
    /*ウィンドウを閉じたときに処理をする*/
    $(document).on("beforeunload",function(){
        alert("TEST");
    })
      
})

###実現したいこと
ウィンドウを閉じる。またはタブ、ページ移動時
にajax通信を使ってphpで処理をする。
です。

Answer 1

alertでメッセージが表示されないように見えるのは、メッセージは表示されてもその表示ごとタブが消えているからです。

ページを離れる際に確認を行いたい場合、以下のようにしてください。

$(window).on("beforeunload", function(e) {
  return true;
});

ページを離れる前にajax通信を行いたい場合、オプション「async:false」を利用して通信が終わるまでタブが閉じられないにしてください。

$.ajax({
  url: 'http://example.com/',
  async: false
});