如何在 JavaScript 中检查请求头？

在编写应用程序时，您可能需要检查客户端或服务器发出的请求头。在 JavaScript 中，您可以使用 XMLHttpRequest 或 Fetch API 发出请求并检查请求头。

使用 XMLHttpRequest

以下示例展示了如何使用 XMLHttpRequest 发出 GET 请求并访问请求头：

const xhr = new XMLHttpRequest();
xhr.open("GET", "/api/data");
xhr.setRequestHeader("Accept", "application/json");
xhr.onreadystatechange = function() {
  if (this.readyState === 4 && this.status === 200) {
    console.log(xhr.getResponseHeader("Content-Type"));
  }
};
xhr.send();

在此示例中，我们创建了一个 XMLHttpRequest 对象并打开了一个 GET 请求。通过 setRequestHeader 方法，我们设置了 Accept 请求头。在获取到响应后，我们使用 getResponseHeader 方法来访问 Content-Type 响应头。

使用 Fetch API

以下示例展示了如何使用 Fetch API 发出 GET 请求并访问请求头：

fetch('/api/data', {
  headers: {
    'Accept': 'applicaton/json'
  }
})
.then(response => {
  console.log(response.headers.get('Content-Type'));
})
.catch(err => {
  console.error(err);
});

在此示例中，我们使用 fetch 函数发出了一个 GET 请求，并使用 headers 选项设置了 Accept 请求头。然后我们通过 headers 属性和 get 方法来访问响应头。

结论

无论您使用 XMLHttpRequest 还是 Fetch API，您都可以轻松地访问请求头和响应头。这是您编写 Web 应用程序时必须了解的一点。