在 html 页面请求中，如何用 js 函数访问请求头？

许多时候，我们需要在 HTML 页面中使用 JS 函数来获取请求头信息。例如，服务器在响应头中添加了一个请求 ID，我们需要在 HTML 页面中解析该 ID 并将其添加到 DOM 中以进行进一步处理。

解决方案

很遗憾，JS 无法直接访问当前请求的响应头。这是出于安全考虑，以防止恶意脚本访问敏感信息。

替代方案

立即学习“前端免费学习笔记（深入）”；

尽管如此，我们仍然有办法通过服务器提供的信息来获取请求 ID：

• Cookie：服务器可以在响应的 Cookie 中设置一个“请求 ID”的字段。JS 可以使用 document.cookie 获取并解析它。
• 自定义 HTML 属性：服务器可以在 HTML 页面本身中注入一个自定义的 HTML 属性，例如 。JS 可以通过 document.querySelector() 访问此属性。
• AJAX 或第三方 API：服务器可以提供一个 AJAX 端点或第三方 API，允许 JS 获取请求 ID 或其他相关信息。