码迷,mamicode.com
首页 > 移动开发 > 详细

Vue:axios中POST请求传参问题---传递数组 (补充)

时间:2018-03-01 17:24:57      阅读:2534      评论:0      收藏:0      [点我收藏+]

标签:transform   举例   blog   个数   一个   request方法   strong   框架   情况   

在上一篇文章中提到的------transformRequest方法,也会将数组解析成字符串传给后台。

那么如何避免这个问题?

(一) 将数组转化为json字符串

通过JSON.stringify()转化为json字符串,这样后台拿到后在转化为数组即可。

这种方法基本可以解决绝大部分情况。

(二) 将数组通过append添加formData中。

我们后台是python语言,采用django框架,当我通过第一种方法发送给他的时候,他会将json字符串整体添加到一个数组中,举例如下:

[1,2,3,4,5]
/*通过JSON.stringify()转化后,后台会得到一下数组*/
[‘[1,2,3,4,5]‘]

所以对接失败。

这里要说的是,python中支持一键多值的情况,即:一个key可以对应多个value,并把多个value放到一个数组中去。

var params = new URLSearchParams();
    for(var key in opt.obj){
        if(Array.isArray(opt.obj[key])){
            for (var val in opt.obj[key]) {
                params.append(key, opt.obj[key][val]);
            }
        }else{
            params.append(key,opt.obj[key])
        }
    }

利用python的这个特点。通过URLSearchParams,对接成功~

Vue:axios中POST请求传参问题---传递数组 (补充)

标签:transform   举例   blog   个数   一个   request方法   strong   框架   情况   

原文地址:https://www.cnblogs.com/WQLong/p/8488313.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!