1. 程式人生 > >Vue:axios中POST請求傳參問題---傳遞數組 (補充)

Vue:axios中POST請求傳參問題---傳遞數組 (補充)

form div 個數 json array 利用 val 失敗 轉化

在上一篇文章中提到的------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請求傳參問題---傳遞數組 (補充)