在http协议中规定了GET、HEAD、POST、PUT、DELETE、CONNECT 等请求方式,其中比较常用的就是post和get,其中post用来向服务器提交数据,post只规定了提交的数据必须放在请求的主体中,但是并没有规定传输数据的编码方式。比较主流的有如下的几种编码方式。
1.application/x-www-form-urlencoded
最常见的请求方式,特别是自己在测试后端接口时,经常在前端url中直接以键值对的形式写入参数的值。但是该方式默认采用URLencode编码会导致消息包大,form表单默认以该方式提交,请求一般是如下的方式:
POST http://www.example.com HTTP/1.1
Content-Type: application/x-www-form-urlencoded;charset=utf-8
title=test&sub%5B%5D=1&sub%5B%5D=2&sub%5B%5D=3
2.multipart/form-data
也是比较常用的提交表单的方式,既可以上传键值对也可以上传文件,因为有boundary的隔离可以上传多个文件,举例如下:
POST http://www.example.com HTTP/1.1
Content-Type:multipart/form-data; boundary=----WebKitFormBoundaryrGKCBY7qhFd3TrwA
------WebKitFormBoundaryrGKCBY7qhFd3TrwA
Content-Disposition: form-data; name="text"
title
------WebKitFormBoundaryrGKCBY7qhFd3TrwA
Content-Disposition: form-data; name="file"; filename="chrome.png"
Content-Type: image/png
PNG ... content of chrome.png ...
------WebKitFormBoundaryrGKCBY7qhFd3TrwA--
3.application/json
application/json 这个 Content-Type 也是非常常见的,越来越多的人使用该方式传递,该方式传递的是序列化后的字符串,因为采用的是JSON格式的数据,因此支持更多复杂的类型。请求体一般如下:
request('expense', {
method: 'post',
headers: {
'Content-Type': 'application/json;charset=utf8'
},
data: JSON.stringify(postData)
}).then((res) => {
});
_queryBusinessType:async function (param){
return await request('basicFunc', {
method: 'get',
headers: {
'Content-Type': 'application/json;charset=utf8'
},
data:param
});
},