ユーザーがナビゲートしたときにイベントをトリガーする

Question

ユーザーがウィンドウ/タブを閉じるかリンクをクリックして移動すると、PHPページ上に数行のコードを含むJavaScript/jQuery関数を呼び出す必要があります。私はonbeforeunload関数を試しましたが、return "blah blah blah;"部分だけが実行され、他はすべて無視されます。私はまた、.unloadメソッドをjQueryから試しましたが、何らかの理由でこのコードが実行されません。

$(window).unload(function() { 
    alert('blah blah blah'); 
}); 

代替候補をご提案ください。ありがとう..

Answer 1

ここには簡単な実例があります。 unloadコールバックのreturnがブラウザのポップアップ確認に表示されます。 jQueryので

window.onbeforeunload = function(event) { 
    // do stuff here 
    return "you have unsaved changes. Are you sure you want to navigate away?"; 
}; 

：

$(window).on("beforeunload", function() { 
    $.ajax("someURL", { 
     async: false, 
     data: "test", 
     success: function(event) { 
      console.log("Ajax request executed"); 
     } 
    }); 
    return "This is a jQuery version"; 
}); 

のネットワークタブに見てAjaxリクエストを送信する例を作業する

は前 http://jsfiddle.net/alexflav23/hujQs/7/

これを行う最も簡単な方法をアンロードブラウザ。あなたは、あなたが望むようにリクエストがどのように送信されているかを見ることができます。適切なデータを送信するだけです。

トリガされるすべての操作は同期的でなければならないことに注意してください。たとえば、同期Ajaxリクエストのみをインスタンス化することができます。しかし、上記はすべての目的のために完全に信頼できるものではありません。

ユーザーデータの定期的なバックアップをlocalStorageに自動的に選択し、サーバーと自動的に同期します。 window.onbeforeunloadを追加の予防措置としてください。ただし、主な仕組みとしては使用しないでください。問題を引き起こすことはよく知られています。