位置: 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区别)

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

  • 收购未税矿产品代扣代缴的资源税计入成本吗
  • 计提企业所得税会计科目
  • 坏账准备怎么做T型账户
  • 福利费计提多了如何处理
  • 广告发布费在哪个分类
  • 另收取包装物押金
  • 综保区和自贸区的联系
  • 过路费是来回收费还是单向
  • 非营利组织可以开发票吗
  • 异地项目预缴个人所得税
  • 如何区别文化体育业和娱乐业
  • 税务评估补税如何入账处理合适?
  • 多扣了离职人员的钱
  • 政府补贴项目申报流程
  • 销售货物运费的增值税率
  • 建筑行业挂靠什么意思
  • 集资建房减免那些配套资金
  • 电子承兑没接收多久失效
  • 酒店垃圾处理费标准怎么确定
  • macbookair重制系统
  • 房地产企业纳税申报需要报哪些报表
  • 纳税人依法可以享受减免税待遇而没有享受的
  • 主营业务收入的计算公式
  • win10移动热点开关自动弹回
  • scsiaccess.exe - scsiaccess是什么进程 有什么用
  • 发票联和抵扣联区别
  • 增值税专用发票上注明的价款含税吗
  • vue3怎么用
  • 企业管理费用的构成
  • php实现文件上传下载
  • php 银行卡支付
  • php执行linux命令无效
  • 成本价低于现价 应该卖吗
  • 闭包 python
  • php两个等号和三个的区别
  • JavaScript charCodeAt() 方法
  • discuz 首页设置
  • 文化事业建设费的征收范围
  • 申报表跟账不一致,如何调整账
  • windows mongodb安装与配置
  • 润滑脂开票属于哪一类
  • 软件企业主营业务活动说明范文
  • 税务登记需要的手续
  • 一般纳税人申报表电子版
  • 库存现金怎么算
  • 金蝶可以自动结转增值税吗
  • sql2005安装方法
  • 个人接私活需要什么条件
  • 研发支出的费用化支出计入
  • 股东垫付的钱可以作为实收资本吗
  • 临时售楼部招牌效果图
  • 租赁业发票
  • 所得税暂缓缴纳本来是不缴纳
  • 企业间贴现手续怎么办理
  • 公账直接转给个人,对公司有什么影响吗
  • 一般纳税人附加税
  • 手写账目表格怎么做
  • 股东投资设备入帐与购买设备入帐的区别
  • 房产公司销售成本怎么算
  • 错误原始凭证怎么写
  • 差旅费报销属于自制原始凭证吗
  • sql取汉字
  • win10文件夹设置
  • xp系统怎么连接电脑
  • linux命令提示符不见了
  • centos环境搭建
  • 光盘安装系统怎么操作
  • wdsvc.exe - wdsvc 是什么进程
  • linux批量替换文件夹名称
  • rhel6.5安装
  • Android游戏开发教程
  • python的理解
  • unity3d inspector
  • 学习计划表模板
  • jquery ui autocomplete
  • js中的三种弹出消息提醒的命令
  • jquery树形菜单
  • 页面跳转后js还会执行吗
  • 城市基础设施配套费由哪个部门收取
  • 2021年税务高雅春联带横批
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设