1
- @[TOC](1)
- 一、**必须传递的内容**
- 1. **URL(请求地址)**
- 二、**可选内容**
- 1. **请求方法(HTTP Method)**
- 2. **请求头(Headers)**
- 3. **请求体(Body)**
- 4. **其他配置**
- 技术无关
1
- @[TOC](1)
- 一、**必须传递的内容**
- 1. **URL(请求地址)**
- 二、**可选内容**
- 1. **请求方法(HTTP Method)**
- 2. **请求头(Headers)**
- 3. **请求体(Body)**
- 4. **其他配置**
- 技术无关
一、必须传递的内容
1. URL(请求地址)
• 用途:用于定位后端的API资源,指明要访问的服务器和路径。
• 举例:
https://api.example.com/user?name=John&page=1
https://api.example.com 是服务器域名
/user 是需要访问的API
name=John&page=1 是查询参数
• 规则:
◦ 可以是绝对路径(如 https://api.example.com/user)或相对路径(如 /api/user)。
◦ 对于 GET 请求,参数通常通过 URL 的 查询字符串(Query String) 传递:
/api/user?name=John&page=1
二、可选内容
1. 请求方法(HTTP Method)
• 默认:GET(若未显式指定)。
• 常见方法:
◦ GET:获取数据(参数在 URL 中)。
◦ POST:提交数据(参数在请求体中)。
◦ PUT/PATCH:更新数据。
◦ DELETE:删除数据。
2. 请求头(Headers)
• 用途:传递请求额外的元数据,告诉后端如何解析、验证身份等。。
• 常用头字段:
◦ Content-Type:声明请求体的数据类型(如 application/json、multipart/form-data)。
◦ Authorization:身份验证凭据(如 Bearer <token>)。
◦ Accept:声明客户端能接收的响应数据类型(如 application/json)。
• 示例:
text Content-Type: application/json Authorization: Basic base64(username:password)
3. 请求体(Body)
• 用途:传递请求的实际数据(如提交表单、上传文件)。
• 规则:
◦ GET 请求通常无请求体(但 HTTP 标准允许有,实际使用中较少见)。
◦ 数据类型需与 Content-Type 头字段匹配。
• 常见数据格式:
◦ JSON:{"name": "John", "age": 20}(需设置 Content-Type: application/json)。
◦ 表单数据:name=John&age=20(Content-Type: application/x-www-form-urlencoded)。
◦ 文件上传:使用 multipart/form-data 格式(如 <input type="file">)。
4. 其他配置
• 跨域策略:是否允许跨域请求(由服务端响应头 Access-Control-Allow-Origin 控制)。
• 认证凭据:是否携带 Cookie 或 Token(如 withCredentials: true)。
• 缓存策略:是否缓存响应结果(通过请求头 Cache-Control 控制)。
技术无关
无论使用何种技术(如原生 XMLHttpRequest、Axios、jQuery.ajax),前端请求的核心要素均为:
- URL
- 方法(GET/POST 等)
- 请求头(Headers)
- 请求体(Body)
这些内容在所有 HTTP 客户端中通用,只是语法实现略有不同。
