JavaScript GET 请求：获取服务器资源204

起源和用途

GET 请求是 Web 开发中用于从服务器获取资源的 HTTP 方法。它是最基本的 HTTP 方法之一，在获取静态资源（如图像、CSS 文件或 JSON 数据）时很常用。此外，它还可用于向服务器提交包含查询字符串参数的表单数据，以便对数据进行筛选或排序。

HTTP 头

GET 请求由以下 HTTP 头组成：
GET /path/to/resource HTTP/1.1
Host:
Connection: keep-alive
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36

第一个请求行指定了请求方法（GET）、请求资源的路径（/path/to/resource）和 HTTP 版本（HTTP/1.1）。Host 头包含了服务器的域名，Connection 头指定了连接类型，User-Agent 头包含了客户端的信息。

请求体

GET 请求通常没有请求体。但是，当使用 GET 请求提交表单数据时，数据会被附加到 URL 的查询字符串中。例如，以下 GET 请求会向服务器提交两个表单字段（name 和 age）：```
GET /submit-form?name=John&age=30 HTTP/1.1
```

响应

服务器对 GET 请求的响应包含以下部分：
HTTP 状态码：指示请求是否成功（例如，200 表示成功）
HTTP 头：包含有关响应的信息（例如，Content-Type 和 Content-Length）
响应体：包含请求的资源或数据

以下示例是一个从服务器获取 JSON 数据的成功响应：```
HTTP/1.1 200 OK
Content-Type: application/json
Content-Length: 123
{
"name": "John",
"age": 30
}
```

使用 JavaScript 发出 GET 请求

在 JavaScript 中，可以使用以下方法发出 GET 请求：```
fetch('/path/to/resource')
.then(response => ())
.then(data => (data))
.catch(error => ('Error:', error));
```

此代码使用 `fetch()` 函数发出 GET 请求，将其响应转换为 JSON，然后将结果记录到控制台。如果请求失败，则会记录错误信息。

优势与劣势

优势：

简单易用
适用于获取资源
可用于提交查询字符串参数

劣势：

数据大小有限制
数据安全性较低（查询字符串参数可见）
不适合用于提交大量数据

GET 请求是一种用于从服务器获取资源的基本 HTTP 方法。它简单易用，但存在数据大小和安全性的限制。在 JavaScript 中，可以使用 `fetch()` 函数发送 GET 请求，这让 Web 开发人员可以轻松地与服务器进行通信。

2025-01-25

---

上一篇：JavaScript 编码规范：提升代码质量和可维护性的指南

下一篇：JavaScript 数组声明：揭秘数组创建的奥秘