application/x-www-form-urlencoded 和 params 之间的区别
在发送 HTTP 请求时，我们经常需要将数据传递给服务器。application/x-www-form-urlencoded 和 params 都是用于传递数据的两种常见方式，但它们之间存在一些关键区别。
application/x-www-form-urlencoded
application/x-www-form-urlencoded 是 HTTP 协议中的一种标准编码方式，它将数据编码为键值对，并将每个键值对用 & 分隔，例如：
name=John&age=30
这种编码方式主要用于传统的 HTML 表单提交，因为 HTML 表单默认使用这种方式来编码数据。
params
params 则是一种更通用的数据传递方式，它可以用于传递任何类型的数据，例如：
{
name: "John",
age: 30
}
params 是一种更灵活的方式，可以传递各种类型的参数，而 application/x-www-form-urlencoded 只能用于传递简单的键值对。
区别总结
| 特性 | application/x-www-form-urlencoded |
params |
|---|---|---|
| 编码方式 | 键值对，用 & 分隔 |
任何类型的数据 |
| 使用场景 | HTML 表单提交 | 更广泛的应用 |
| 数据类型 | 简单键值对 | 任何类型 |
| 灵活性 | 有限 | 灵活 |
何时使用 application/x-www-form-urlencoded
- 当你使用传统的 HTML 表单提交数据时，应该使用
application/x-www-form-urlencoded。 - 当你只需要传递简单的键值对时，也可以使用
application/x-www-form-urlencoded。
何时使用 params
- 当你需要传递复杂的数据类型时，例如数组、对象等，应该使用
params。 - 当你需要使用更灵活的数据传递方式时，应该使用
params。
示例
使用 application/x-www-form-urlencoded 发送请求：
fetch('/api/users', {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
},
body: 'name=John&age=30'
})
使用 params 发送请求：
fetch('/api/users', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
name: 'John',
age: 30
})
})
结论
application/x-www-form-urlencoded 和 params 都是常用的数据传递方式，它们各有优缺点。选择哪种方式取决于你的具体需求。
提示：
- 在使用
params传递数据时，需要将数据序列化为 JSON 格式。 - 在使用
application/x-www-form-urlencoded传递数据时，需要将数据编码为键值对。
希望这篇文章能够帮助你更好地理解 application/x-www-form-urlencoded 和 params 之间的区别。