Content-Type实体首部字段

  现代互联网下,每天都会有数以亿计的各种媒体对象经由HTTP传输,如图像,文本,影视以及软件程序等。这些数据都包含在HTTP报文的实体内容中,如果把HTTP报文想像成一份快递,HTTP实体就是快递实际的货物,而首部字段只是贴在快递上用来描述货物的信息。HTTP必须确保它的报文实体被正确识别,提取以及适当处理。为了实现报文实体能被正确的识别,HTTP提供了Content-Type实体首部字段来描述报文实体的媒体格式。

一:MIME.(媒体类型)

  因特网上有数千种不同的数据类型,HTTP仔细地给每种要通过Web传输的对象都打上了名为MIME类型的数据格式标签。最初设计MIME(Multipurpose Internet Mail Extension,多用途因特网邮件扩展)是为了解决在不同的电子邮件系统之间搬移报文时存在的问题。MIME在电子邮件系统中工作的非常好,因此HTTP也采用了它,用来描述并标记多媒体内容。

  Web服务器会为所有的HTTP对象数据附加一个MIME类型。当Web浏览器从服务器中取回一个数据对象时,会去查看相关的MIME类型,看看自己能否知道应该如何处理这个对象。大多数浏览器都可以处理数百种常见的媒体数据类型,如显示图片,解析HTML等。首部字段Content-Type正式说明了体的MIME类型的实体首部字段。

  MIME类型由一个主媒体类型(比如:text,image,audio等)后面跟一条斜线以及一个子类型组成,子类型用于进一步描述媒体类型。

 常见的媒体格式如下:

text/html: HTML文本格式
text/plain:纯文本格式
text/xml:XML格式

image/gif: gif类型的图片格式
image/jpeg: jpg类型的图片格式
image/png: png类型的图片格式

application/xml: XML数据格式
application/json: JSON数据格式
application/x-www-form/urlencoded:对表单数据进行默认编码为key/value的数据格式.

multipart/form-data:多部分数据格式,在上传数据时使用.

二:POST提交表单数据编码格式.

  当我们用POST请求进行表单提交时,会将表单数据进行encoded(编码)后放入请求实体中。HTML的form表单的enctype属性用来指定请求的content-type属性值和对表单数据编码的方式。

 form 表单提供了三种编码格式:

   1.application/x-www-form-urlencoded (默认)

   2.multipart/form-data

   3.text/plain 不可靠的方式,实际中不会使用。

 下面是一个包含file上传的表单。

<form action="/FileUploadServlet"  method="POST">
	<input type="text" name="username"/>
	<input type="password" name="password"/>
	<input type="file" name="fileName"/>
	<input type="submit" value="Send"/>
</form>

现在,假设我们在表单中依次输入: CYanLong 123456 并且添加了一张名为cover.jpg的图片。

1.application/x-www-form-urlencoded(默认)

 当我们没有对其指定enctype值或者显示指定enctype=”application/x-www-form-urlencoded”值时,Request报文的Content-Type字段值和请求实体如下:

#Content-Type首部字段.
Content-Type:application/x-www-form-urlencoded

#请求实体内容.
username=CYanLong&password=123456&fileName=cover.jpg

 在这里,我们可以看出application/x-www-form-urlencoded对表单数据进行的编码方式:

按照input节点的顺序对每个input的name/value之间加入'=',
并用&连接并区分每一组name/value.

的确,正如它名字中的urlencoded,这种编码方式跟URL后面的查询参数编码类似.

注意,这里只是将文件名作为input的value值。对于图片的二进制数据,并没有传输.

2.多部分媒体类型和文件上传.(multipart/form-data)

  从上面我们可以看出,默认 ( application/x-www-form-urlencoded ) 的编码方式只会将文件名作为 file 类型的 input 的value编码到请求实体。这种编码方式对于二进制等非字符数据无法有效的传输。

  所以,当上传文件时,我们需要重新指定 enctype 的值。

  MIME中的multipart(多部分)表示一个报文主体由多种不同类型数据组成,例如上面的表单提交,text和passwod等文本字段值和file类型的二进制文件数据需要在同一个请求实体中发送。

  当我们指定enctype=”multipart/form-data”,同样在表单中输入 CYanLong、 123456、 和名为cover.jpg的图片时,得到的Content-Type请求字段和请求实体如下:

#请求首部字段Content-Type的值.
Content-Type:multipart/form-data;boundary=WebKitFormBoundary2PqYvKIeYWTL50nY

#请求实体内容.
--WebKitFormBoundary2PqYvKIeYWTL50nY
Content-Disposition:form-data;name="username"

CYanLong
--WebKitFormBoundary2PqYvKIeYWTL50nY
Content-Disposition:form-data;name="passowrd"

123456
--WebKitFormBoundary2PqYvKIeYWTL50nY
Content-Disposition:form-data;name="files";filename="cover.jpg"
Content-Type:image/jpeg


--WebKitFormBoundary2PqYvKIeYWTL50nY--

 由此,我们可以得到:

1.Content-Type 设置了实体内容为multipart/data类型,并且表单字段数据被boundary字符串分割。

2.每个被分割开的表单字段都得到了Content-Disposition:form-data;name=<表单名>;fileName=<文件名>(如果是文件部分)

三.JSON数据格式的媒体类型。(application/json)

  提到JSON数据格式,就要简单聊一聊Ajax技术,它是一项利用JavaScript和DOM来进行局部页面替换的异步通信手段。我们来看看Ajax的全称:Asynchronous JavaScript and XML(异步 JavaScript 和 XML技术),是的,在没有JSON之前,利用Ajax技术得到的服务器数据都是XML格式的。然而,JSON以它灵活,轻巧,易解析等优点已取代了XML成为了独立于语言的,非常流行的数据交互格式。

  这里主要是介绍JSON数据作为请求实体时的Content-Type值: application/json

  1.首先,我们来看看,当服务器端要返回JSON数据时该对Response做些什么? (以Java语言为例.)

	response.setHeader("Content-Type","application/json");
	response.getWriter.write("{\"name\":\"ChenYanLong\",\"age\":\"20\"}");  //注:反斜杠为转义 " .

  上面两行Servlet代码很好理解,首先设置response报文中Content-Type首部字段的值为:application/json.然后输出Json格式的数据即可.

  同理,当客户端需要发送JSON格式的数据给服务器端时,只需要通过Ajax中XMLHttpRequest的setRequestHeader方法设置Content-Type值即可.

xhr.setRequestHeader("Content-Type","application/json");

总结:

  本篇文章主要介绍了一个非常重要且常用的实体首部字段:Content-Type。大致上,Content-Type就是用来说明对应的HTTP报文请求实体的媒体内容。

- CATALOG -