Vue:axios中POST請求傳參問題---傳遞數組 (補充)
阿新 • • 發佈:2018-03-01
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請求傳參問題---傳遞數組 (補充)