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

標籤：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請求傳參問題---傳遞數組 (補充)