HTTP中的Content-type详解


Posted in HTML / CSS onJanuary 18, 2022

Content-Type

Content-Type(MediaType),即是Internet Media Type,互联网媒体类型,也叫做MIME类型。在互联网中有成百上千中不同的数据类型,HTTP在传输数据对象时会为他们打上称为MIME的数据格式标签,用于区分数据类型。最初MIME是用于电子邮件系统的,后来HTTP也采用了这一方案。

在HTTP协议消息头中,使用Content-Type来表示请求和响应中的媒体类型信息。它用来告诉服务端如何处理请求的数据,以及告诉客户端(一般是浏览器)如何解析响应的数据,比如显示图片,解析并展示html等等。

Content-Type的格式:

Content-Type:type/subtype ;parameter

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

例如:

  1. Content-Type: text/html;
  2. Content-Type: application/json;charset:utf-8;

常见Content-Type

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

  1. HTML文档标记:text/html;
  2. 普通ASCII文档标记:text/html;
  3. JPEG图片标记:image/jpeg;
  4. GIF图片标记:image/gif;
  5. js文档标记:application/javascript;
  6. xml文件标记:application/xml;

更多具体内容可参考《图解HTTP》- 附录D

上面的Content-Type,我们只认得就好,但是下面有4种是需要我们清楚他们的区别及牢记在心的。

application/x-www-form-urlencoded

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

下面是一个例子:

  1. 请求参数

HTTP中的Content-type详解

  1. http 请求报文

HTTP中的Content-type详解

multipart/form-data

与application/x-www-form-urlencoded不同,这是一个多部分多媒体类型。首先生成了一个 boundary 用于分割不同的字段,在请求实体里每个参数以------boundary开始,然后是附加信息和参数名,然后是空行,最后是参数内容。多个参数将会有多个boundary块。如果参数是文件会有特别的文件域。最后以------boundary–为结束标识。multipart/form-data支持文件上传的格式,一般需要上传文件的表单则用该类型。

下面是一个例子:

  1. 请求参数

HTTP中的Content-type详解

  1. http 请求报文

HTTP中的Content-type详解

application/json

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

  1. 请求参数

HTTP中的Content-type详解

  1. http 请求报文

HTTP中的Content-type详解

application/xml 和 text/xml

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

Content-Type的使用

request 的Content-Type

一般我们在开发的过程中需要注意客户端发送请求(Request)时的Content-Type设置,特别是使用ajax的时候,如果设置得不准确,很有可能导致请求失败。比如在spring中,如果接口使用了@RequestBody,spring强大的自动解析功能,会将请求实体的内容自动转换为Bean,但前提是请求的Content-Type必须设置为application/json,否正就会返回415错误。

注:415 错误是 Unsupported media type,即不支持的媒体类型。

建议:

  1. 如果是一个restful接口(json格式),一般将Content-Type设置为application/json; charset=UTF-8;
  2. 如果是文件上传,一般Content-Type设置为multipart/form-data
  3. 如果普通表单提交,一般Content-Type设置为application/x-www-form-urlencoded

response的Content-Type

服务端响应(Response)的Content-Type最好也保持准确,虽然一般web开发中,前端解析响应的数据不会根据Content-Type,并且服务端一般能自动设置准确的Content-Type,但是如果乱设置某些情况下可能会有问题,比如导出文件,打开图片等。如果在spring项目里使用@ResponseBody,spring会将响应的Content-Type设置为application/json;charset=UTF-8;,可能会导致文件无法导出,需要注意下。

response的Content-Type设置建议:

  1. 一般情况下不需要显示设置;
  2. 如果是文件导出,Content-Type 设置为 multipart/form-data,并且添加一个Content-Disposition设置为attachment;fileName=文件.后缀。

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

下面的一个设置response的Content-Type的例子:

  1. 未准确设置response的Content-type的情况,客户端将json数据当成普通文本

content-type →text/html;charset=UTF-8

HTTP中的Content-type详解

  1. 准确设置response的Content-type的情况,客户端将json数据自动解析

content-type →application/json;charset=UTF-8

HTTP中的Content-type详解

参考

《HTTP 权威指南》

什么是json

常见的Content-Type

application/xml 和 text/xml的区别

postman里的Content-Type

以上所述是小编给大家介绍的HTTP中的Content-type详解,希望对大家有所帮助。在此也非常感谢大家对三水点靠木网站的支持!

 
HTML / CSS 相关文章推荐
详解Css3新特性应用之过渡与动画
Jan 10 HTML / CSS
收集的22款给力的HTML5和CSS3帮助工具
Sep 14 HTML / CSS
基于CSS3特效之动画:animation的应用
May 09 HTML / CSS
一款纯css3实现的鼠标悬停动画按钮
Dec 29 HTML / CSS
CSS3中animation实现流光按钮效果
Dec 21 HTML / CSS
HTML5混合开发二维码扫描以及调用本地摄像头
Dec 27 HTML / CSS
html5嵌入内容_动力节点Java学院整理
Jul 07 HTML / CSS
详解HTML5 canvas绘图基本使用方法
Jan 29 HTML / CSS
使用HTML5的Notification API制作web通知的教程
May 08 HTML / CSS
html5使用Drag事件编辑器拖拽上传图片的示例代码
Aug 22 HTML / CSS
html5中audio支持音频格式的解决方法
Aug 24 HTML / CSS
CSS3实现模糊背景的三种效果示例
Mar 30 HTML / CSS
POST提交数据常见的四种方式
Jan 18 #HTML / CSS
Html5获取用户当前位置的几种方式
html粘性页脚的具体使用
Jan 18 #HTML / CSS
CSS三大特性继承性、层叠性和优先级详解
Jan 18 #HTML / CSS
使用CSS设置滚动条样式
在CSS中使用when/else的方法
Jan 18 #HTML / CSS
CSS使用伪类控制边框长度的方法
You might like
PHP setcookie指定domain参数后,在IE下设置cookie失效的解决方法
2011/09/09 PHP
php和mysql中uft-8中文编码乱码的几种解决办法
2012/04/19 PHP
如何用PHP做到页面注册审核
2017/03/02 PHP
IIS 7.5 asp Session超时时间设置方法
2017/04/17 PHP
jquery入门—访问DOM对象方法
2013/01/07 Javascript
JQuery为textarea添加maxlength属性并且兼容IE
2013/04/25 Javascript
iframe子父页面调用js函数示例
2013/11/07 Javascript
jquery实现定时自动轮播特效
2015/12/10 Javascript
全面了解addEventListener和on的区别
2016/07/14 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
2016/09/23 Javascript
使用jquery给指定的table动态添加一行、删除一行
2016/10/13 Javascript
详解AngularJS用Interceptors来统一处理HTTP请求和响应
2017/06/08 Javascript
AngularJS实现表格的增删改查(仅限前端)
2017/07/04 Javascript
React Native中Navigator的使用方法示例
2017/10/13 Javascript
Angular4的输入属性与输出属性实例详解
2017/11/29 Javascript
Vue DevTools调试工具的使用
2017/12/05 Javascript
VUE项目中加载已保存的笔记实例方法
2019/09/14 Javascript
原生js实现移动小球(碰撞检测)
2020/12/17 Javascript
剖析Python的Tornado框架中session支持的实现代码
2015/08/21 Python
python 第三方库的安装及pip的使用详解
2017/05/11 Python
利用Python yagmail三行代码实现发送邮件
2018/05/11 Python
浅析python的优势和不足之处
2018/11/20 Python
python 常见字符串与函数的用法详解
2018/11/23 Python
python格式化输出保留2位小数的实现方法
2019/07/02 Python
python fuzzywuzzy模块模糊字符串匹配详细用法
2019/08/29 Python
Python小程序之在图片上加入数字的代码
2019/11/26 Python
利用python为PostgreSQL的表自动添加分区
2021/01/18 Python
历史学专业推荐信
2013/11/06 职场文书
高二美术教学反思
2014/01/14 职场文书
中国梦演讲稿5分钟
2014/08/19 职场文书
三严三实对照检查材料范文
2014/09/23 职场文书
2016年“9.22”世界无车日活动小结
2016/04/05 职场文书
《工作是最好的修行》读后感3篇
2019/12/13 职场文书
自定义函数实现单词排序并运用于PostgreSQL(实现代码)
2021/04/22 PostgreSQL
Spring this调用当前类方法无法拦截的示例代码
2022/03/20 Java/Android
win10电脑老是死机怎么办?win10系统老是死机的解决方法
2022/08/05 数码科技