如何在BeforeUnload上可靠地执行AJAX函数？

在 BeforeUnload 时执行 AJAX 函数

开发聊天应用程序时，优雅地处理用户断开连接至关重要。一种方法是在用户关闭页面时执行 AJAX 函数来删除相应的数据库条目。

在提供的代码中，当用户关闭页面时会触发 onbeforeunload 事件，并且 closeSession() 函数被执行。此函数尝试向 chat.php 发送 AJAX 请求以执行 SQL DELETE 语句并从队列表中删除用户条目。但是，请求设置为异步（jQuery 的默认设置），导致浏览器不等待请求完成就继续卸载。

要解决此问题，应将 AJAX 设置中的异步选项设置为错误的。这会强制浏览器在卸载之前等待请求完成。但是，需要注意的是，依赖这种方法在不同的浏览器和版本中可能并不总是可靠。

以下是 async 设置为 false 的修改后的代码：

<code class="js">window.onbeforeunload = closeSession;

function closeSession() {
  $.ajax({
    url: "/chat/process/chat.php",
    type: "GET",
    async: false,
  });

  return "disconnected";
}</code>

通过设置 async设置为 false 时，浏览器将暂停卸载过程，直​​到 AJAX 请求完成，确保在断开连接时删除用户的数据库条目。

以上是如何在BeforeUnload上可靠地执行AJAX函数？的详细内容。更多信息请关注PHP中文网其他相关文章！