Ajax库和原生JavaScript在发送POST请求时不同
作者：shizhishi |
发布时间： |
分类：前端开发 |
声明：个人技术博客 • 非官方 • 仅供技术学习交流
使用原生XMLHttpRequest发送POST请求，默认情况下，如果不显式设置请求头，通常只有一个默认的头： * Content-Type: 如果不设置，默认通常是 text/plain;charset=UTF-8。这意味着如果你发送的是表单数据，服务器可能不会以预期的形式解析。 Fetch API同样不会默认设置`...
### 原生JavaScript XMLHttpRequest 默认请求头
使用原生XMLHttpRequest发送POST请求，默认情况下，如果不显式设置请求头，通常只有一个默认的头：
* Content-Type: 如果不设置，默认通常是 text/plain;charset=UTF-8。这意味着如果你发送的是表单数据，服务器可能不会以预期的形式解析。
### Fetch API 默认请求头
Fetch API同样不会默认设置`Content-Type`，除非你在请求初始化的Headers中指定。因此，如果不显式设置，也是类似XMLHttpRequest的行为。
### 使用Ajax库（如jQuery、axios等）时的默认请求头
库的默认请求头可能会有所不同，以常见的库为例：
* jQuery: 在发送POST请求时，默认会设置Content-Type为application/x-www-form-urlencoded; charset=UTF-8，这是表单提交的默认MIME类型，适用于键值对形式的数据。
* axios: 默认情况下，axios在发送POST请求时不会自动设置Content-Type。如果你发送JSON数据，你需要手动设置Content-Type: application/json。
* 其他库：不同的Ajax库可能有不同的默认行为，通常都会提供方法让你自定义请求头。
**由于ajax使用表单数据提交，所以后端无需解析数据**
而其他方式，且`Content-Type`不设定为`application/x-www-form-urlencoded`
重要的是，当你发送JSON数据时，通常需要手动设置`Content-Type`为`application/json`，无论使用原生方法还是库。如果发送的是表单数据，则应设置为`application/x-www-form-urlencoded`或`multipart/form-data`（后者用于包含文件上传）。