doubleyong
管理员
管理员
  • 最后登录2026-05-25
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:7221回复:0

[vue]axios post 传值总结

楼主#
更多 发布于:2018-04-18 16:40
由于axios默认发送数据时,数据格式是Request Payload,而并非我们常用的Form Data格式,后端未必能正常获取到,所以在发送之前,需要使用对其进行处理
下面介绍使用axios post传递参数的三种方式
1. axios.post(url,"size=5&current=1")
   自己在传递参数时,手动写动如上的字符串连接形式
axios.post('/api/studentlist.do',"size=5¤t=1")
2. qs 模块进行转换
   2.1 npm install qs --save-dev  // 安装qs模块  
   2.2 import qs from 'qs'
   2.3 使用qs ,方式如下:
postAxiosStudenList:function(){
        let postData=qs.stringify({
          size:6,
          current:1
        })
        this.$axios.post('/api/studentlist.do',postData).then().catch()
3. transformRequest 自己写转换
let postData={
  size:8,
  current:1
}
this.$axios.post('/api/studentlist.do',postData,{
  transformRequest:[function(data){
    let params="";
    for(var key in data){
      params += key+"="+data[key]+"&";
    }
    if(params.length>0){
      params.substring(0,params.length-1);
    }
    return params;
  }]
})
  .then(function(resp){
    console.log(resp);
  }).catch(function(err){
    console.log(err);
  })
}
原创文章,转载请写明出处
http://bugshouji.com/bbs-post-run?fid=26
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号