FormData+fetch 提交数据时如何正确格式数据
问题描述
react项目，在fetch下使用FormData对form表单元素进行数据封装后进行post提交至服务器，其格式被转为了WebKitFormBoundary模式，如下图
代码如下：
export function addChapter() {
return (dispatch) => {
let data = new FormData(document.getElementById('admin-edit__form'));
return fetch('/func', {
method: "POST",
headers: {
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
},
body: data
})
.then(response => response.json())
.then(json => {
console.log(json);
})
.catch(function(error) {
console.log('request failed: ', error)
})
}
}
若直接使用浏览器原生form表单submit按钮提交，数据格式正常，如下图：
form表单基本代码如下：
method="post"
action="/func"
encType="application/x-www-form-urlencoded"
id="admin-edit__form"
className="admin-edit__form"
onSubmit={e => this.HandleSubmit(e)}
>
....
想请问下是否哪里设置错误了？求大神帮助
相关阅读:
想把一个录音文件与一个视频文件合并，就是KTV伴奏合成，请问怎么操作。
dedecms调用外部编辑器
关于bower.json中指定版本的问题
阿里云MySQL
是否可以只用bootstrap里的组件，比如button，而不用它的布局系统？
centos7 误删/url/lib64/libcrypto.so.1.0.1e，怎么办，求助
关于js工具库
wamp下如何使用bin目录下的mysqlbinlog访问data目录下的xxx-log.xxx文件(二进制日志文件)
android中一个界面有大图片且需要反复进入
用Angular和Node怎样显示循环的进度？
hdfs FSDataOutputStream和FileSystem的问题
把构建软件的一切事物都放在版本控制中， 这话怎么理解？
PHP反射机制的作用
Thinkphp3.2 TOKEN令牌验证是否被删除了？
javascript 如何遍历类似下面的对象
搜索联想词的上下选择怎么实现？
laravel 如何避免non-object错误
如何理解java.io.Serializable接口
SpringMVC自动注入
怎么使用js判断页面是否已经达到底部了？？