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

Posted 2020-10-25 Long_WangQing

在上一篇文章中提到的------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，对接成功~