如何使用'application/x-www-form-urlencoded”通过 Fetch API 发送表单数据？

使用 Fetch API 发布表单数据

使用 Fetch API 发布表单数据使用
FormData，它本质上使用 multipart/form-data 格式。如果您想使用 "Content-Type": "application/x-www-form-urlencoded" 发送数据，有两个选项：

创建 URL 编码正文：

<code class="js">fetch("api/xxx", {
    body: "[email protected]&password=pw",
    headers: {
        "Content-Type": "application/x-www-form-urlencoded"
    },
    method: "post"
})</code>

使用 URLSearchParams：

要从表单元素构造 URLSearchParams 对象，您可以迭代元素或使用以下转换方法：

<code class="js">const data = new URLSearchParams(new FormData(formElement));
fetch("api/xxx", {
    method: 'post',
    body: data,
})</code>

请注意，使用 URLSearchParams 时不需要定义 Content-Type 标头。

在控制器中解码 Multipart/Form-Data：

取决于您的后端实现，您可能需要解码 multipart/form-data 主体。具体解码过程请参阅您所需框架的文档。

以上是如何使用'application/x-www-form-urlencoded”通过 Fetch API 发送表单数据？的详细内容。更多信息请关注PHP中文网其他相关文章！