vue+axios 向后端SpringBoot传递List 后端使用List接收_axios提交数组后端处理

困扰了一天的问题第二天终于解决了！

一开始是这样向后端传的：（主要看后面的seats）

let list = [];
//筛选出选择的座位排和列
info.forEach((item) => {
    list.push({ row: item.row, col: item.col });
}); 
this.$axios.post('seat/updateEmpty?cinemaId=' + this.cinemaId +
    '&hallId=' + this.hallId + '&seats=' + list).then(resp => {
    if (resp.data.code == 200) {
         this.seatList = resp.data.data
    }
})

结果报错了：

在网上找了好多解决方法，有说参数太长，超过了Tomcat的限制了怎么的，反正是没有解决。

直接上解决方法吧。

前端代码：

var array = [object，object，.......];
 this.$axios.post(
        "URL地址", array
      ).then((value) => {
       
      }).catch((value) => {
        this.$message.error("")
      })

 后端代码：

addList(@RequestBody List<Object> object)

最后附上我自己的：

前端代码：

let list = [];
//筛选出选择的座位排和列
info.forEach((item) => {
    list.push({ row: item.row, col: item.col });
});
console.log(JSON.stringify(list));
this.$axios.post('seat/updateEmpty?cinemaId=' + this.cinemaId + '&hallId=' + this.hallId ,
    list).
    then(resp => {
        if (resp.data.code == 200) {
            this.seatList = resp.data.data
        }
    })

后端代码：

@RequestMapping("/updateEmpty")
public Result updateEmpty(@RequestBody List<SeatRowAndCol> seats,Integer cinemaId,Integer hallId){
    System.out.println("cinemaId == " + cinemaId);
    System.out.println("hallId == " + hallId);
    seats.forEach(item->System.out.println(item.getCol()));
    System.out.println(seats);
}

终于是解决了，希望对你有帮助！

参考：vue+axios 向后端传递数组对象 后端使用List接收_vue向后端传数组对象后端如何接收_java蔡徐坤的博客-CSDN博客