vue+axios 向后端SpringBoot传递List 后端使用List接收-Toy模板网

这篇具有很好参考价值的文章主要介绍了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
    }
})

结果报错了：

axios提交数组后端处理,技术杂记,vue.js,前端,java

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

文章来源地址https://www.toymoban.com/news/detail-775023.html

到了这里，关于vue+axios 向后端SpringBoot传递List 后端使用List接收的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！