vue+axios 向后端SpringBoot传递List 后端使用List接收

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

一开始是这样向后端传的:(主要看后面的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
    }
})

结果报错了:

ad2e7f4765a345a69d5c15e8fad169df.png

在网上找了好多解决方法,有说参数太长,超过了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博客

 

 

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值