onbeforeunload での AJAX 関数の実行

チャット アプリケーションの開発では、ユーザーがチャット アプリケーションを閉じたときにクリーンアップ アクションを実行する必要があることがよくあります。ブラウザウィンドウ。ただし、window.onbeforeunload イベントは非同期で実行されるため、ページがアンロードされる前に AJAX 呼び出しを実行することが困難になります。

この問題を解決するには、AJAX 設定で async: false を明示的に設定することをお勧めします。これにより、ブラウザはページをアンロードする前に AJAX リクエストが完了するまで待機するようになります。ただし、これはすべてのブラウザでサポートされているわけではないことに注意することが重要です。

提供されたコードの調整されたバージョンは次のとおりです。

window.onbeforeunload = closeSession;
function closeSession(){
    $.ajax({
        url: "/chat/process/chat.php",
        type: "GET",
        async: false // Force synchronous execution
    });
    return "disconnected";
}

PHP コードでは、削除クエリは通常どおりに実行できます:

$delete= "DELETE FROM queue WHERE id = " . $_SESSION['CHAT_QUEUE_ID'];
// query, etc

AJAX リクエストで async を false に設定すると、ページがアンロードされる前にデータベース行が確実に削除され、必要なクリーンアップ機能が提供されます。