与后端联调两三事之http header中的Content-Type

multipart/form-data

对应postman

QQ图片20220609092906

浏览器请求头

image-20220609093343621

传参情况(也能携带其他参数,示例未体现)

image-20220609093916740

对当前我遇到的前后端联调, multipart/form-data 常用于上传文件, multipart/form-data 的请求体包含多个部分,需要通过 boundary 字符分割。

application/x-www-form-urlencoded

对应postman

image-20220609094319337

浏览器请求头

image-20220609094422897

传参情况

image-20220609094451818

application/x-www-form-urlencoded传参会在api后跟随url解码形式的参数,例:http://blog.reviosky.com/login?user=reviosky&password=123456,不适合传Array,Object等形式的参数

application/json(最普遍常用)

对应postman

image-20220609100618687

浏览器请求头

image-20220609100836344

传参情况

image-20220609101103157

application/json 作为响应头比较常见,目前也流行在 POST 请求中使用,以序列化的 JSON 字符串形式传输,更易于后端解析,可读性更高。
微信小程序中 wx.request API 默认便是使用此方式传输数据。

application/octet-stream(不太常用)

对应postman

image-20220609102445546

对于 application/octet-stream,只能提交二进制,而且只能提交一个二进制,如果提交文件的话,只能提交一个文件,后台接收参数只能有一个,而且只能是流(或者字节数组)。

其他常见值

  • 文本: text/plain、text/html、text/css、text/javascript、text/xml

  • 图片: image/gif、image/png、image/jpeg

  • 视频: video/webm、video/ogg

  • 音频: audio/midi、audio/mpeg、audio/webm、audio/ogg、audio/wav

  • 二进制: application/octet-stream、application/pdf、application/json

文章归类于: 前端

文章标签: #javascript

版权声明: 自由转载-署名-非商用

2条评论

提示:

评论会在审核通过后显示在下方

昵称必填,用于展示在评论中

邮箱必填,不会公开展示,方便及时收到回复

网址选填,方便看到的人去访问,请完整填写,例如(https://blog.reviosky.com)

item.from_uname聆风
item.from_uname2
2022-06-09 03:02:03

棒棒的

👍

回复
item.from_uname2

棒棒的

回复
  • 1