Vue使用axios的POST请求传递数组参数,显示400错误的问题
记录一下做项目时遇见的问题背景: 前后端分离项目中, 前端vue项目使用axios的post发送请求传递数组类型的参数。问题:在axios中data里放入传递的参数,后台使用 @RequestParam 获取参数,然后出现了400的错误。无法获取传递的参数。解决方法:前端在传递参数时,使用 FormData() 这个方法,将传递的参数处理一下,再放入data中,再使用@Reques...
·
记录一下做项目时遇见的问题
背景: 前后端分离项目中, 前端vue项目使用axios的post发送请求传递数组类型的参数。
问题:在axios中data里放入传递的参数,后台使用 @RequestParam 获取参数,然后出现了400的错误。无法获取传递的参数。
解决方法:
前端在传递参数时,使用 FormData() 这个方法,将传递的参数处理一下,再放入data中,再使用@RequestParam即可。
let chooseValues = ['参数1','参数2','参数3'];
let formData = new FormData();
formData.append("duty", chooseValues);//这里duty是后台使用 @RequestParam(value = "duty") String[] duty value的值
//调用封装好的axios请求
doTest(formData).then(function (response) {
alert("成功了");
}).catch(function (response) {
console.log(response);
});
axios请求:
export function doTest(formData) {
return request({
url:'/manage/test',
method:'post',
data:formData
})
}
SpringMVC获取:
@PostMapping(value = "test")
public void test(@RequestParam(value = "duty") String[] duty){
//打印数组
System.out.println(Arrays.toString(duty));
}
仅供参考,大佬轻喷..
更多推荐
已为社区贡献1条内容
所有评论(0)