Content-type详解

概述

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

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

格式

Content-Type：type/subtype ;parameter

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

例： ​ Content-Type: text/html;

Content-Type: application/json;charset:utf-8;

常用

application/x-www-form-urlencoded

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

multipart/form-data

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

application/json

application/xml 和 text/xml

使用

Request

1、如果是一个restful接口（json格式），一般将Content-Type设置为application/json; charset=UTF-8；

2、如果是文件上传，一般Content-Type设置为multipart/form-data

3、如果普通表单提交，一般Content-Type设置为application/x-www-form-urlencoded

http错误码 415 是Unsupported media type 即不支持的媒体类型

Response

1、一般情况下不需要显示设置；

2、如果是文件导出，Content-Type 设置为 multipart/form-data，并且添加一个Content-Disposition设置为attachment;fileName=文件.后缀。

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

---

jQuery ajax content-type

$.ajax contentType 和 dataType , contentType 主要设置你发送给服务器的格式，dataType设置你收到服务器数据的格式。 contentType默认值：application/x-www-form-urlencoded; charset=UTF-8

jQuery中ajax方法中contentType和dataType的区别

contentType (default: 'application/x-www-form-urlencoded; charset=UTF-8')

Type: String

When sending data to the server, use this content type. Default is "application/x-www-form-urlencoded; charset=UTF-8", which is fine for most cases. If you explicitly pass in a content-type to $.ajax(), then it'll always be sent to the server (even if no data is sent). If no charset is specified, data will be transmitted to the server using the server's default charset; you must decode this appropriately on the server side.

dataType (default: Intelligent Guess (xml, json, script, or html))

Type: String

The type of data that you're expecting back from the server. If none is specified, jQuery will try to infer it based on the MIME type of the response (an XML MIME type will yield XML, in 1.4 JSON will yield a JavaScript object, in 1.4 script will execute the script, and anything else will be returned as a string).

• ContentType: When sending data to the server, use this content type. Default is application/x-www-form-urlencoded; charset=UTF-8, which is fine for most cases.
• Accepts: The content type sent in the request header that tells the server what kind of response it will accept in return. Depends on DataType.
• DataType: The type of data that you're expecting back from the server. If none is specified, jQuery will try to infer it based on the MIME type of the response. Can be text, xml, html, script, json, jsonp.

综上，ajax的最佳实践：不指定contentType，使用默认值；dataType最好直接指定。

参考资料：

https://blog.csdn.net/qq_14869093/article/details/86307084

https://www.cnblogs.com/tugenhua0707/p/8975121.html