用 JavaScript 获取 HTTP 请求信息64

在 Web 开发中，获取有关传入 HTTP 请求的信息通常非常有用。这使我们能够做出明智的决策并提供定制的响应。JavaScript 提供了几种方法来获取有关当前请求的信息。

使用 `` 对象

最简单的方法是使用 `` 对象。此对象提供了有关当前页面、请求的 URL 以及其他相关信息的信息。下面是一些常用的属性：* ``：请求的完整 URL。
* ``：请求中使用的协议（例如，"http:" 或 "https:"）。
* ``：请求的主机名（例如，""）。
* ``：请求的路径（例如，"/about/"）。
* ``：请求中包含的查询字符串（例如，"?id=123"）。

例如，要获取请求的完整 URL，您可以使用以下代码：```javascript
const url = ;
(url); // 输出：/about/?id=123
```

使用 ``

如果您正在使用 AJAX 请求，则可以使用 `` 对象来获取有关请求的信息。`XMLHttpRequest` 对象包含以下属性：* ``：请求的状态代码（例如，200、404）。
* ``：请求状态代码的文本描述（例如，"OK"、"Not Found"）。
* ``：请求的响应正文。
* `()`：以键值对形式的请求的所有响应标头。

例如，要获取请求的状态代码，您可以使用以下代码：```javascript
const xhr = new XMLHttpRequest();
('GET', '/api/v1/users');
= function() {
const status = ;
(status); // 输出：200
};
();
```

使用 Fetch API

Fetch API 是 JavaScript 中用于发送和接收 HTTP 请求的现代方法。它使用 `fetch()` 函数，该函数返回一个 Promise，该 Promise 在请求完成时解析为 `Response` 对象。`Response` 对象包含以下属性：* ``：请求的状态代码（例如，200、404）。
* ``：请求状态代码的文本描述（例如，"OK"、"Not Found"）。
* `()`：请求的响应正文（返回一个 Promise，在响应正文转换为文本时解决）。
* `()`：请求的响应正文（返回一个 Promise，在响应正文转换为 JSON 对象时解决）。

例如，要获取请求的状态代码，可以使用以下代码：```javascript
fetch('/api/v1/users')
.then(response => {
const status = ;
(status); // 输出：200
});
```

其他方法

除了上述方法之外，还有一些其他方法可以获取有关 HTTP 请求的信息，包括：* 使用 ``：此属性包含将用户引导至当前页面的先前的 URL。
* 使用 ``：此对象包含有关用户浏览器的信息，包括其语言、时区和其他设置。
* 使用 ：在 中，您可以使用 `http` 或 `https` 模块中的 `req` 对象来获取有关传入请求的信息。

通过 JavaScript 获取有关 HTTP 请求的信息对于 Web 开发非常有用。我们可以利用 ``、``、Fetch API 和其他方法来获取有关请求的 URL、状态代码、响应正文和更多内容的信息。通过访问这些信息，我们可以构建更具动态性和响应性的 Web 应用程序。

2025-02-09

上一篇：引入 JavaScript 文件的全面指南

下一篇：如何用 JavaScript 判断字符串是否包含中文