【fetch】用 Form Data 格式发送数据

最新推荐文章于 2024-12-31 23:53:48 发布

一颗不甘坠落的流星

最新推荐文章于 2024-12-31 23:53:48 发布

阅读量2.4k

点赞数 1

分类专栏：工作随记文章标签： javascript 开发语言 formdata fetch

本文链接：https://blog.csdn.net/qq_45677671/article/details/128185214

版权

工作随记专栏收录该内容

78 篇文章

订阅专栏

本文介绍如何将常规的数据发送格式转换为FormData格式，并通过一个具体的fetch API请求示例展示了设置正确的headers及body的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

我们通常的数据发送格式是这样子的：

在这里插入图片描述

那如果我们要把他改成下面Form Data格式该怎么做呢：
核心代码就是：

headers: {
    "content-type": "application/x-www-form-urlencoded",
},
// body 为字符串格式，多个参数以 & 连接，可以使用模板字符串 `${}` 进行动态赋值
body: "pageId=6271&editRelease=true",

具体实现：

fetch("https://test.com", {
  "headers": {
    "accept": "application/json, text/plain, */*",
    "cache-control": "no-cache",
    "content-type": "application/x-www-form-urlencoded",
  },
  "body": "pageId=6271&editRelease=true",
  "method": "POST",
  "mode": "cors",
  "credentials": "include"
})
.then(res => res.json())
.then(res => {
	console.log(res)
})
.catch(err => {console.log(err)})