1、概念
Content-Type示意内容类型和字符编码。内容类型也叫做MIME类型。是Internet Media Type,互联网媒体类型。在互联网上传输的数据有不同的数据类型,HTTP在传输数据对象时会为他们打上称为MIME的数据格式标签,用于辨别数据类型。
申请头中的content-type,就是 B端发给S端的数据类型形容 。即通知服务器端,我给你传的数据是某种类型的,服务器端针对不同类型的数据,做法过后是不雷同的。就像,咱们平时面对,人,猪,狗等不同类型的动物做法不同。见到狗,你得“汪汪汪”,见到人,你得说”您好“。
响应头中的content-type,就是 S端发给B端的数据类型形容 。即通知浏览器端,我给你发的是什么样格局的数据,那么浏览器端针对不同类型的数据,解决办法不同。
2、语法格局
不论是呈现在申请头还是响应头里,都是键值对的形式。
content-type: 值,如:Content-Type: text/html; charset=utf-8。
解释:如果在响应头里,有Content-Type: text/html; charset=utf-8。示意,我服务器端给你客户端响应的内容是html格局的内容,字符集是utf-8。
3、申请头中常见的content-type
申请头中的content-type在chrome浏览器的network里可能看到。
1
1)application/x-www-form-urlencoded
在应用表单提交时,申请形式是post时,form标签的属性entry=”application/x-www-form-urlencoded“(这也是默认值),申请头中的content-type的值就是 application/x-www-form-urlencoded。同时,浏览器会主动把处于form标签里的表单元素的内容组织成键值对的形式(key1=val1&key2=val2)。其中,键 就是每个表单元素的name属性的值;值就是表单元素的value属性的值。键和值都进行了URL的转码。并放到申请实体外面。(留神如果是中文或特殊字符如"/"、","、“:" 等会主动进行URL转码)。游戏代码示例如下:
2
如果应用ajax发送post申请,须要用www.diuxie.com setRequestHeader();设置content-type。代码如下:
XMLHttpRequest对象.setRequestHeader("Content-type","application/x-www-form-urlencoded");
2)multipart/form-data
这个个别应用在文件上传时。表单提交形式,申请形式是post,form标签的属性 entry="multipart/form-data",申请头中的content-type的值是: multipart/form-data; boundary=----WebKitFormBoundarybi5XUwMxC7yc9s5a。既能够上传文件等二进制数据,也能够上传表单键值对,只是最初会转化为一条信息。
示例代码:
3
3)application/json
这种格局(json格局)是目前在前后端拆散开发场景中应用最多的的。前后端的数据交互应用json格局进行,可浏览性好,简介,不便。
这种格局个别用在发送ajax申请时,要么明确设置了 content-type 是application/json。要么,有的第三方库默认是application/json。如下示例代码:
XMLHttpRequest对象.setRequestHeader("Content-type","application/json");
4)text/xml
这种格局(XML格局)是比拟早的格局。当初用的比拟少了,因为XML格局的数据被json的数据大,简单。所以,基本上被淘汰了。
4、响应头中的常见的content-type
响应头中的content-type在chrome浏览器的network里可能看到。
4那些存在游戏的代码源:
能够通过后端的响应对象进行设置,如php中的设置:
;
5
5、前后端交互时,罕用的content-type
application/json。
不论是前端给后端发送数据,还是后端给前端发送数据,最罕用的类型就是application/json。
以上就是Content-Type的介绍了,心愿能帮到大家。
发表回复