[JavaScript知识库]细数contentType参数在请求头中的可选值以及作用

细数contentType参数在请求头中的可选值以及作用

之前有文章中说到http request-header中部分参数的介绍，讲的比较粗略，也没有说到content-type，今天就专门来看看这个不起眼，但是作用很大的属性。

要知道什么是Content-Type，首先要了解什么是Internet Media Type。Internet Media Type即互联网媒体类型，也叫做MIME类型，使用两部分标识符来确定一个类型。在HTTP协议消息头中，使用Content-Type来表示具体请求中的媒体类型信息，意思就是说，Content-Type是Internet Media Type在HTTP协议中的别称。

Content-Type的格式

type/subtype(;parameter)? type

上面是Content-Type的格式，可以拆解为三个部分，分别是主类型（type）、子类型（subtype）和参数（parameter）。

主类型（type）

主类型可以是任意的字符串，比如text。如果是*号则代表所有类型。

子类型（subtype）

子类型可以是任意的字符串，比如html。如果是*号则代表所有类型。

参数（parameter）

参数是可选的，可以在Content-Type中加入一些特殊的参数，比如Accept请求头的参数，常见的有用于设置字符编码的charset参数。

Content-Type: text/html;charset:utf-8;

前端传递给后端的数据类型，一般就是文件还有纯数据。

文件的话，我们使用表单上传。数据的话，我们是用json格式上传。这当下最正经的处理方式。当然还有浏览器的原生表单，使用XML作为编码格式的数据传输。

按照上一段话介绍的顺序，我们介绍一下对应的参数

1、multipart/form-data

它会将表单的数据处理为一条消息，以标签为单元，用分隔符分开。既可以上传键值对也可以上传文件。当然，因为可以append多个键值，所以也可以上传多个文件

2、application/json

传送的是json格式的数据，用起来相当方便

3、application/x-www-form-urlencoded

浏览器的原生form表单。提交的数据按照 key1=val1&key2=val2 的方式进行编码，key 和 val 都进行了 URL 转码。大部分服务端语言都对这种方式有很好的支持。

4、text/xml

相比于JSON，XML不能更好的适用于数据交换，它包含了太多的包装, 而且它跟大多数编程语言的数据模型不匹配，让大多数程序员感到诧异，XML是面向数据的，JSON是面向对象和结构的，后者会给程序员一种更加亲切的感觉。
小结：

选用不同的content-type属性值，会让浏览器将数据按照特定格式进行转换传送给后台，同时告知给服务器该参数类型。如果选用不当，后台的小伙伴就收不到数据啦