欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > HTML >内容正文

HTML

formdata传递参数_前端利用formData格式进行数据上传,前端formData 传值 和 json传值的区别?...

发布时间:2025/6/17 HTML 62 豆豆
生活随笔 收集整理的这篇文章主要介绍了 formdata传递参数_前端利用formData格式进行数据上传,前端formData 传值 和 json传值的区别?... 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

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设置的默认格式

})

总结

以上是生活随笔为你收集整理的formdata传递参数_前端利用formData格式进行数据上传,前端formData 传值 和 json传值的区别?...的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。