本文探讨了前端数据上传时formData与json格式的区别。在json格式传递中，需设置'Content-Type': 'application/json'并使用JSON.stringify()转换数据。而在formData中，用于文件上传时，应设置为'Content-Type': 'multipart/form-data'，但要注意，自动设置boundary可能导致问题，最佳做法是不设置content-type，直接使用formData。总结：需手动设置content-type适应不同场景，formData在文件上传时需特别注意。
contentType 常见的格式
text/plain ：纯文本格式
application/json： JSON数据格式
application/x-www-form-urlencoded 中默认的encType，form表单数据被编码为key/value格式发送到服务器(表单默认的提交数据的格式)
multipart/form-data ： 需要在表单中进行文件上传时，就需要使用该格
一. json格式传递
fetch(url, {
method: 'POST', // or 'PUT'
body: JSON.stringify(data), // data can be `string` or {object}!
headers: new Headers({
'Content-Type': 'application/json' // 需要主动设置，并且将object 用JSON.stringify(data)进行转化
})
})
二. From URL Encoded - url 编码格式 (qs.stringify 格式)
fetch(url, {
method: 'POST', // or 'PUT'
body: qs.stringify(data), // 或者将data转换为formData格式
headers: new Headers({
'Content-Type': 'application/x-www-form-urlencoded' // 不进行header设置的默认
最低0.47元/天 解锁文章
2231
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
