怎么通过HTML的Fetch的keepalive选项确保页面关闭后请求仍能完成-html教程-PHP中文网

keepalive: true 是浏览器唯一支持页面卸载后发送请求的机制，它不保证成功，仅让浏览器尽力在后台完成发送；适用于 post/put/delete 等带 body 请求，需在卸载前同步调用，不支持 await 或回调。

怎么通过html的fetch的keepalive选项确保页面关闭后请求仍能完成

不能 100% 确保完成，但 keepalive: true 是目前浏览器唯一支持的、能在页面卸载后继续发送请求的机制；它不保证成功，只让浏览器“尽力而为”地发出去。

为什么 keepalive: true 是唯一可行方案

页面调用 window.location、location.replace() 或触发导航（如点击链接、关闭标签页）时，JavaScript 执行环境会快速终止。常规 fetch()、XMLHttpRequest、甚至 setTimeout 回调都会被强制中止。

keepalive: true 是 Fetch API 的特殊标记，告诉浏览器：“这个请求很重要，即使页面已进入 terminated 状态，也请在后台线程中完成发送”。浏览器会将其移交至网络栈独立处理，不依赖 JS 上下文。

仅适用于 POST、PUT、DELETE 等有 body 的请求（GET 不允许带 body，且语义上不适合日志/上报）
必须在页面卸载前调用（例如 beforeunload、pagehide、或跳转前的同步代码中）
不支持 await 或 .then() —— 调用即“发射”，后续无回调可监听
Chrome、Firefox、Edge 支持；Safari 从 v15.4+ 开始支持，旧版 Safari 会静默忽略

实际怎么写才不会白发

直接在跳转/卸载逻辑里发请求，别等异步、别加 try/catch、别依赖返回值：

html-to-pptx-converter

使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。

下载

function logBeforeLeave() {
  fetch("/api/track", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({ event: "page_exit", url: window.location.href }),
    keepalive: true
  });
  // ✅ 正确：立刻跳转，不等 fetch 完成
  window.location.href = "/thank-you";
}