首页 前端知识 Vue axios 发送 FormData 请求

Vue axios 发送 FormData 请求

2024-05-12 17:05:36 前端知识 前端哥 49 711 我要收藏

Content-Type: 'application/json; charset=utf-8'

  • Form Data

Content-Type: 'application/x-www-form-urlencoded'

Content-Type: 'multipart/form-data'

  • 上面三种 Content-Type 值介绍

  • application/jsonapplication/x-www-form-urlencoded 都是表单数据发送时的编码类型。

  • formenctype 属性为编码方式,常用有两种:application/x-www-form-urlencodedmultipart/form-data,默认为 application/x-www-form-urlencoded

  • actionget 时候,浏览器用 x-www-form-urlencoded 的编码方式把 form 数据转换成一个字串(name1=value1&name2=value2...),然后把这个字串 appendurl 后面,用 ?分割,加载这个新的 url

  • actionpost 时候,浏览器把 form 数据封装到 http body 中,然后发送到 server

  • 如果没有 type=file 的控件,用默认的 application/x-www-form-urlencoded 就可以了。

  • 但是如果有 type=file 的话,就要用到 multipart/form-data 了。浏览器会把整个表单以控件为单位分割,并为每个部分加上 Content-Disposition(form-data或者file)Content-Type(默认为text/plain)name(控件name) 等信息,并加上分割符 (boundary)

二、发送 formdata 请求(下面有这几种方式格式化参的数据样本,用于参考比较
转载请注明出处或者链接地址:https://www.qianduange.cn//article/8408.html
标签
评论
发布的文章

使用 mapstructure 解析 json

2024-06-05 13:06:03

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!