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 : 需要在表单中进行文件上传时,就需要使用该格式
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值