axios的两种传参方式
作者:互联网
1、json的方式
this.$axios.post(url, {
data:JSON.stringify({
mess:'hello',
dataArr:[{name:'test',vlaue:[1,2,3]},{name:"match",vlaue:[1,2]}]
}),
headers:{
'content-type':"application/json"
}
})
2、formData的方式
(1)、利用qs插件
import qs from 'qs'
this.$axios.post(url, {
data:qs.stringify({
mess:'hello',
dataArr:[{name:'test',vlaue:[1,2,3]},{name:"match",vlaue:[1,2]}]
}),
headers:{
'content-type':"application/x-www-form-urlencoded"
}
})
(2)、new FormData(),通过append方法添加参数
var file = new FormData()
file.append('fileName', file)
file.append('name', '88888')
======================================================
注: Content-Type
互联网媒体类型,在Http协议消息头中,使用Content-Type来表示具体请求中的媒体类型信息。
例如: Content-Type: text/html;charset:utf-8;
常见的媒体格式类型如下:
text/html : HTML格式
text/plain :纯文本格式
text/xml : XML格式
image/gif :gif图片格式
image/jpeg :jpg图片格式
image/png:png图片格式
以application开头的媒体格式类型:
application/xhtml+xml :XHTML格式
application/xml : XML数据格式
application/atom+xml :Atom XML聚合格式
application/json : JSON数据格式
application/pdf :pdf格式
application/msword : Word文档格式
application/octet-stream : 二进制流数据(如常见的文件下载)
application/x-www-form-urlencoded : 中默认的encType,form表单数据被编码为key/value格式发送到服务器(表单默认的提交数据的格式)
另外一种常见的媒体格式是上传文件之时使用的:
multipart/form-data : 需要在表单中进行文件上传时,就需要使用该格式
标签:传参,xml,axios,name,text,application,两种,格式,vlaue 来源: https://blog.csdn.net/u_ndefine_d/article/details/114646097