【http】HTTP请求中 request payload 和 formData 区别? http
程序员文章站
2022-03-12 10:44:07
...
FormData和Payload是浏览器传输给接口的两种格式,这两种方式浏览器是通过Content-Type来进行区分的(了解Content-Type),如果是 application/x-www-form-urlencoded的话,则为formdata方式,如果是application/json或multipart/form-data的话,则为 request payload 的方式。 比如如下使用ajax方式的提交post请求的代码(默认使用application/x-www-form-urlencoded编码): 复制代码
发送post请求
// <![CDATA[
var obj = {
"name": 'CntChen',
"info": 'Front-End',
};
$('.btn').click(function() {
$.ajax({
url: 'www.example.com',
type: 'POST',
dataType: 'json',
data: obj,
success: function(d) {
}
})
});
// ]]>
复制代码 如下图所示: [img][/img] 2. 使用 multipart/form-data表单上传文件 如下html代码: 复制代码
username:
age:
复制代码 如下图所示: 可以看到 使用multipart/form-data表单上传文件时使用的是 Request Payload 格式; 3. 使用 Content-Type: application/json 来编码 如下html代码: 复制代码
发送post请求
// <![CDATA[
$('.btn').click(function() {
$.ajax({
url: 'http://localhost:8081/api.json',
type: 'POST',
dataType: 'json',
contentType: 'application/json',
data: JSON.stringify({a: [{b:1, a:1}]}),
success: function(d) {
}
})
});
// ]]>
复制代码 如下图所示
发送post请求
// <![CDATA[
var obj = {
"name": 'CntChen',
"info": 'Front-End',
};
$('.btn').click(function() {
$.ajax({
url: 'www.example.com',
type: 'POST',
dataType: 'json',
data: obj,
success: function(d) {
}
})
});
// ]]>
复制代码 如下图所示: [img][/img] 2. 使用 multipart/form-data表单上传文件 如下html代码: 复制代码
username:
age:
复制代码 如下图所示: 可以看到 使用multipart/form-data表单上传文件时使用的是 Request Payload 格式; 3. 使用 Content-Type: application/json 来编码 如下html代码: 复制代码
发送post请求
// <![CDATA[
$('.btn').click(function() {
$.ajax({
url: 'http://localhost:8081/api.json',
type: 'POST',
dataType: 'json',
contentType: 'application/json',
data: JSON.stringify({a: [{b:1, a:1}]}),
success: function(d) {
}
})
});
// ]]>
复制代码 如下图所示