Post请求中常见的Content-Type类型

Post请求中常见的Content-Type类型的结构

(1)application/x-www-form-urlencoded

这是浏览器原生的form表单类型,或者说是表单默认的类型。

下面是一个请求实例:

请求报文:

可以看得出,post将请求参数以key1=value1&key2=value2这种键值对的方式进行组织,并放入到请求体中。其中中文或某些特殊字符,如"/"、","、":" 等会自动进行URL转码。

(2)application/json

现在绝大部分的请求都会以json形式进行传输,post会将序列化后的json字符串直接塞进请求体中。

下面是一个请求实例:

请求报文:(postman查看请求报文,点击Send下面一行的code,然后点击HTTP即可)

可以看到,请求体中就是Json字符串。

(3)multipart/form-data

用于在表单中上传文件,先看一个请求实例:

请求报文:

可以看得出,首先随机生成了一个boundary字段,这个boundary用来分割不同的字段。

一个请求的参数,会以boundary开始,然后是附加信息(参数名称,文件路径等),再空一行,最后是参数的内容。

请求体最后再以boundary结束。

当然,response中也会有Content-Type为multipart/form-data的响应头。如果此时是导出文件,则响应头还需要添加一个

Content-Disposition:attachment;fileName=文件.后缀

注:Content-Disposition是Content-Type的扩展,告诉浏览器弹窗下载框,而不是直接在浏览器里展示文件。因为一般浏览器对于它能够处理的文件类型,如txt,pdf 等,它都是直接打开展示,而不是弹窗下载框。

相关推荐
总之就是非常可爱3 分钟前
三分钟让你看懂alien-signals computed基本原理
前端
JustHappy10 分钟前
「我们一起做组件库🌻」虚拟消息队列?message组件有何不同?(VersakitUI开发实录)
前端·javascript·vue.js
Carlos_sam11 分钟前
Openlayers:为Overlay创建element的四种方式
前端·javascript·vue.js
纵昂12 分钟前
Js中常用数据转换及方法记录汇总
前端·javascript
海底火旺15 分钟前
闭包模块:JavaScript的"魔法收纳盒"
前端·javascript
Gixy16 分钟前
日常在VS Code开发中没注意到的一些实用配置
前端·visual studio code
hhope17 分钟前
🧀 【实战演练】从零搭建!让复制粘贴上传文件“跑起来” (Node.js 后端版)
前端·javascript·面试
逆袭的小黄鸭17 分钟前
内存泄漏:四大场景剖析与解决方案
前端·javascript·面试
清风絮柳29 分钟前
59.基于ssm和vue学生考试成绩管理系统
前端·javascript·vue.js·毕业设计·ssm架构·学生考试成绩管理系统·学生考试成绩管理
无名之逆1 小时前
探索轻量高性能的 Rust HTTP 服务器框架 —— Hyperlane
服务器·开发语言·windows·后端·http·rust