HTTP常见字段之 Content-Type

字段含义

指http发送信息至服务器时的内容编码类型。就是该请求的里面的信息是图片还是html文件啥的，用于告诉服务器和浏览器怎么解析该请求重的数据。本文主要介绍该字段与在ajax请求中常用的三个值： application/x-www-form-urlencoded, multipart/form-data, application/json

application/x-www-form-urlencoded

Content-Type:x-www-form-urlencoded name=ming&sex=male

FormData对象没有像JSON.stringify那样的方法能批量将对象形式转换为对应的形式

let userObj = {userName: ’xxx', age: '21'}
 formData.append('user', userObj)
 
------WebKitFormBoundaryyb1zYhTI38xpQxBK
Content-Disposition: form-data; name="user"

[object Object]
复制代码

如需正常转换需手动实现转换函数或者借助qs库

var obj = {
    a: '2', 
    b: {c: 'test'}, 
    c: [ 
        {id: 1, name: 'xx'}, 
        {id:2 ,name: 'yy', info: {d: 4} }
    ]
}



a: 2
b[c]: test
c[][id]: 1
c[][name]: xx
c[][id]: 2
c[][name]: yy
c[][info][d]:4

复制代码

multipart/form-data

请求体被分割成多部分，每部分使用 --boundary分割；

...
Content-Type: multipart/form-data; boundary=${boundary} 

--${boundary}
...
...

--${boundary}--
复制代码

application/json

Content-Type: application/json {"name": "ming", "sex":"male"}

对于一些复制的数据对象，对象里面再嵌套数组的话，建议使用application/json。json的形式的优点是它可以传递结构复杂的数据形式，但是json不支持二进制数据，必须转义二进制数据。

转载于:https://juejin.im/post/5cb5a161f265da0393785e1f