位置: IT常识 - 正文

Http协议之Content-Type理解

编辑:rootadmin
Http协议之Content-Type理解

推荐整理分享Http协议之Content-Type理解,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

       Content-Type,翻译过来就是”内容类型“,在互联网中就是”互联网媒体类型“。

        在互联网中,两台计算机经常会传输数据,客户端会给服务器发数据,服务器也会给客户端发数据。数据的类型也是有很多种的,我们把所有的在计算机上传输的类型都叫做MIME。

        在http协议头中,使用Content-Type来表示http协议发送的是什么类型的数据,对方收到http响应后拿到响应头中的Content-Type就知道按照什么格式来解码出数据。

        先来思考一个问题: Http协议的请求和响应头中都可以设置Content-Type,那他们有什么区别呢?

        http 请求头中设置Content-type,是客户端对服务器约定的数据编码格式,客户端要求服务器按照Content-type指定的格式来解码http请求体中包含的请求数据;

        http响应头中设置Content-type,是服务器对客户端约定的数据编码格式,服务器要求客户端用什么方式来解码响应体中的数据。

一、Content-Type的格式

Content-Type:type/subtype ;parameter

        type:主类型,任意的字符串,如text,如果是*号代表所有;         subtype:子类型,任意的字符串,如html,如果是*号代表所有,用“/”与主类型隔开;         parameter:可选参数,如charset,boundary等

二、常见Content-Type

常见的Content-Type有数百个,下面例举了一些

HTML文档标记:text/html; 普通ASCII文档标记:text/html; JPEG图片标记:image/jpeg; GIF图片标记:image/gif; js文档标记:application/javascript; xml文件标记:application/xml;

更多具体内容可参考《图解HTTP》- 附录D 上面的Content-Type,我们只认得就好,但是下面有4种是需要我们清楚他们的区别及牢记在心的。

1、application/x-www-form-urlencoded

        HTTP会将请求参数用key1=val1&key2=val2的方式进行组织,并放到请求实体里面,注意如果是中文或特殊字符如"/"、","、“:" 等会自动进行URL转码。不支持文件,一般用于表单提交。

请求参数http 请求报文

来看一个demo

1、先来一个get方式的请求

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body><form action="demo-form.php">First name: <input type="text" name="FirstName" value="Mickey"><br>Last name: <input type="text" name="LastName" value="Mouse"><br><input type="submit" value="提交"></form><p>点击"提交"按钮,表单数据将被发送到服务器上的“demo-form.php”。</p></body></html>

点击提交后,右键F12来看请求情况

        可以看到,这发送的是一个Get方式请求,参数会通过“&”来拼接成字符串作为查找参数,并在url路径后新增一个问号“?”,然后加上我们的查找参数,直接展示在浏览器顶部的网址搜索栏中。

2、再来看post方式的请求

        把上面的请求方式改成post,然后再运行一遍

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body><form action="demo-form.php" method="POST">First name: <input type="text" name="FirstName" value="Mickey"><br>Last name: <input type="text" name="LastName" value="Mouse"><br><input type="submit" value="提交"></form><p>点击"提交"按钮,表单数据将被发送到服务器上的“demo-form.php”。</p></body></html>

         可以看到,这时候发送的是一个post请求,参数会通过“&”方式拼接。但是不会直接以查询参数的方式添加到网址url中,而是作为请求的请求体的方式传送到服务器。在浏览器顶部的网址输入栏是看不懂我们输入的firstname和lastname参数的。

Http协议之Content-Type理解

        并且因为post请求有发送数据给服务器,所以请求体中要指定发送的数据是什么格式,这样服务器拿到数据后才知道用什么格式来解析这些数据。这里在http请求头中用的是Content-Type来指定数据格式。你可以看到在http的get请求方式中是没有Content-Type参数的。

        并且可以看到,Content-Type的值是x-www-form-urlencoded, 这就说明了客户端浏览器会把表单中的数据如果有中文的话先转码,然后以&的方式拼接起来作为http请求体传送给服务器。

2、multipart/form-data

        它会将表单的数据处理为一条消息,以标签为单元,用分隔符分开。

        既可以上传键值对,也可以上传文件。

        当上传的字段是文件时,会有Content-Type来表名文件类型;

       1、 content-disposition,用来说明字段的一些信息;

        2、用boundary隔离,所以multipart/form-data既可以上传文件,也可以上传键值对,它采用了键值对的方式,所以可以上传多个文件。

用一个demo来演示

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body><form action="demo-form.php" method="POST" enctype="multipart/form-data">First name: <input type="text" name="FirstName" value="Mickey"><br>Last name: <input type="text" name="LastName" value="Mouse"><br><input type="submit" value="提交"></form><p>点击"提交"按钮,表单数据将被发送到服务器上的“demo-form.php”。</p></body></html>

 点击提交后查看请求

 可以看到

Content-Type=multipart/form-data; boundary=----WebKitFormBoundaryEbKBn4s3ZCuW5a4Y

如果上传有文件

3、application/json

        JSON 是一种轻量级的数据格式,以“键-值”对的方式组织的数据。这个使用这个类型,需要参数本身就是json格式的数据,参数会被直接放到请求实体里,不进行任何处理。服务端/客户端会按json格式解析数据(约定好的情况下)。

请求参数

http 请求报文

4、application/xml 和 text/xml

        与application/json类似,这里用的是xml格式的数据,text/xml的话,将忽略xml数据里的编码格式,参考。

三、​enctype和Content-type​的关系<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body><form action="demo-form.php" method="POST" enctype="multipart/form-data">First name: <input type="text" name="FirstName" value="Mickey"><br>Last name: <input type="text" name="LastName" value="Mouse"><br>上传文件路径1:<input type="file" name="name1" id="id1" /><br>上传文件路径2:<input type="file" name="name2" id="id2" /><br><input type="submit" value="提交"></form><p>点击"提交"按钮,表单数据将被发送到服务器上的“demo-form.php”。</p></body></html>

        enctype的取值有三种:

application/x-www-urlencoded

multipart/form-data

text-plain

        enctype其实是encode type,该属性规定在发送数据到服务器之前应该如何对表单数据进行编码。默认情况下是 application/x-www-urlencoded,当表单使用 POST 请求时,数据会被以 x-www-urlencoded 方式编码到 Body 中来传送。

        在通过HTML form提交生成的POST请求中,请求头的Content-Type由元素上的enctype属性指定。

        如果form中没有指定enctype,浏览器会自动添加默认的content-type:application/x-www-form-urlencoded;charset=utf-8。

参考文章

1、深入解析 multipart/form-data

2、Content-Type 详解

3、enctype和Content-type有什么关系

本文链接地址:https://www.jiuchutong.com/zhishi/299552.html 转载请保留说明!

上一篇:Vue中computed和watch的区别(vue中computed和watch区别)

下一篇:机器学习:基于朴素贝叶斯对花瓣花萼的宽度和长度分类预测

  • “文章留言”你知道好技巧有哪些?(文章留言点赞的是什么软件)

    “文章留言”你知道好技巧有哪些?(文章留言点赞的是什么软件)

  • 青年大学参学率怎么查看(青年大学参学率怎么补)

    青年大学参学率怎么查看(青年大学参学率怎么补)

  • ev录屏最长可以录多长时间(ev录屏最长时间)

    ev录屏最长可以录多长时间(ev录屏最长时间)

  • 微信怎么单向删除好友(微信如何单项删除好友)

    微信怎么单向删除好友(微信如何单项删除好友)

  • 抖音极速版怎么邀请好友(抖音极速版怎么邀请新用户)

    抖音极速版怎么邀请好友(抖音极速版怎么邀请新用户)

  • 三级缓存有什么作用(三级缓存重要性)

    三级缓存有什么作用(三级缓存重要性)

  • 收到数据包少无法上网(数据包收到很少不能上网)

    收到数据包少无法上网(数据包收到很少不能上网)

  • 解除黑名单能看到之前发的信息吗(解除黑名单能看到之前的来电记录吗)

    解除黑名单能看到之前发的信息吗(解除黑名单能看到之前的来电记录吗)

  • 抖音取消赞会有记录吗(抖音取消赞会有消息吗)

    抖音取消赞会有记录吗(抖音取消赞会有消息吗)

  • iphone 双卡双待是哪款(iphone双卡双待怎么装卡)

    iphone 双卡双待是哪款(iphone双卡双待怎么装卡)

  • 创建的QQ群自己消失了(qq自己创建的群怎么群寻找群号)

    创建的QQ群自己消失了(qq自己创建的群怎么群寻找群号)

  • 隐藏会话关联qq看得到吗(隐藏会话关联qq会显示未读吗)

    隐藏会话关联qq看得到吗(隐藏会话关联qq会显示未读吗)

  • iphonexs黑屏一直转圈圈(iphonexs总是黑屏)

    iphonexs黑屏一直转圈圈(iphonexs总是黑屏)

  • okr是什么(OKR是什么意思的缩写)

    okr是什么(OKR是什么意思的缩写)

  • cad2019里平方米怎么打(cad平方米符号怎么打)

    cad2019里平方米怎么打(cad平方米符号怎么打)

  • oppo手机怎么定位对方手机(oppo手机怎么定位对方的手机所在位置)

    oppo手机怎么定位对方手机(oppo手机怎么定位对方的手机所在位置)

  • wps表格怎么增加数值(wps表格怎么增加一行)

    wps表格怎么增加数值(wps表格怎么增加一行)

  • 手机怎么远程控制手机(手机怎么远程控制汽车打火)

    手机怎么远程控制手机(手机怎么远程控制汽车打火)

  • 微视保护模式怎么解除(微视保护模式怎么打开)

    微视保护模式怎么解除(微视保护模式怎么打开)

  • 小米手机通用设置在哪里(小米手机通用设制在哪)

    小米手机通用设置在哪里(小米手机通用设制在哪)

  • 苹果7强制关机怎么关(苹果7强制关机屏幕失灵)

    苹果7强制关机怎么关(苹果7强制关机屏幕失灵)

  • 手机能打电话不能上网(手机能打电话不能接听)

    手机能打电话不能上网(手机能打电话不能接听)

  • Vue结合高德地图实现HTML写自定义信息弹窗(vue接入高德地图)

    Vue结合高德地图实现HTML写自定义信息弹窗(vue接入高德地图)

  • 收到以前年度退回的所得税
  • 税收优惠政策有什么好处
  • 城镇土地使用税的征税范围
  • 小企业会计准则和一般企业会计准则的区别
  • 企业采购哪些品类
  • 前年购买的设备怎么入账
  • 跨境电商零售正面清单
  • 投资公司的投资人叫什么
  • 建筑安装项目要求有哪些
  • 内账一定要权责发生制吗
  • 个人独资企业收款码
  • 发票丢失税局怎么罚款
  • 打包贷款和出口信贷的区别和联系
  • 雇主责任保险
  • 收购报废车有利润吗
  • Win10宽带无法连接
  • 航天税控服务费
  • 会计实务加班费的账务处理
  • 存出保证金计入货币资金吗
  • mac osx10.11
  • 生活常识 小常识
  • 企业所得税申报表模板
  • 通俗易懂的炒货店名字
  • vue监听页面加载完毕
  • 改进的拼音
  • login user
  • 反射机制python
  • js原型模式创建对象的优缺点
  • 生产过程报废和返工产生的成本
  • 财务费用在贷方,怎么结转到本年利润?
  • mongodb 全文索引
  • 进口关税如何交
  • 高新企业申报条件有哪些
  • 企业出售自用房产增值税
  • 合伙企业可以列入法人吗
  • 有形动产租赁属于经营租赁吗
  • 信用卡的还款方式怎么查
  • SQL Server实时同步更新远程数据库遇到的问题小结
  • 金税盘维护费应该计入什么科目
  • 个税是怎么扣除的?
  • 小公司没有财务软件怎么手工记账
  • 权益法转其他权益工具
  • 公司缴纳社保会计分录怎么做
  • 借款怎么入会计分录
  • 银行发放执行款多久到账
  • 货款收不回来了怎么做账
  • 职工福利费税前扣除标准是应发工资还是实发工资
  • 充油卡未收发票怎么办
  • 企业商品销售收入确认条件
  • 承租人和共同承租人
  • 专家咨询费支付标准
  • 残保金计算人数1.02怎么计算
  • 记账发生错账怎么办
  • mysql数据库的总结
  • 微软2016是window多少
  • mac的qq缓存在哪里怎么打开
  • 安装硬盘视频教程
  • win8系统如何安装软件
  • 如何禁止mac adobe acrobat联网
  • winnook.exe - winnook是什么进程
  • centos7取消挂载硬盘
  • xpcpu占用100
  • win7系统浏览器打不开网页怎么办
  • 在linux系统中
  • 解决VMware下64位linux系统不支持全虚拟化的办法
  • 微信小程序商品列表代码
  • onclick和onclientclick
  • 更改uac设置在哪
  • js全局方法
  • jquery 动态加载js
  • node mongoose
  • node .js
  • digitalocean收费
  • Activity的四种加载模式
  • python中的print语句
  • python周期性分析
  • andriod中SimpleAdapter+listview,点击item 传值事件
  • 置顶快手作品怎么弄
  • 烟台市独生子女费 打什么电话咨询
  • 物化政的大学有哪些
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设