前端传集合至后端

最新推荐文章于 2024-12-11 15:10:30 发布

鹿指为码

最新推荐文章于 2024-12-11 15:10:30 发布

阅读量1.1w

点赞数 3

CC 4.0 BY-SA版权

分类专栏： Java后端 Spring 前端文章标签： springboot传递集合 spring传递JSON到后台

本文链接：https://blog.csdn.net/qq_43227967/article/details/88883588

Java后端同时被 3 个专栏收录

41 篇文章

订阅专栏

前端

12 篇文章

订阅专栏

Spring

9 篇文章

订阅专栏

本文介绍了一个使用Ajax向后台传送表格数据集合的具体示例。示例中详细展示了如何在前端构造JSON数据，并通过Ajax发送POST请求，以及后端如何通过Spring Boot接收并处理这些数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

springboot + MyBatis开发时有这么一个需求

点击进货单时生成所有勾选了供应商的订单

那么在做这个需求的时候就需要去给后台传一个表格数据集合，使用ajax提交，那么贴代码。

一、在JS定义一个模拟数据

var orderList = new Array();
orderList.push({id: "1", goodsName: "sp_ydf", supplier: "cj_dw"});
orderList.push({id: "2", goodsName: "sp_sjxg", supplier: "cj_dw"});

二、使用ajax进行提交

$.ajax({
    //访问后台的路径
    url: pro_Url + "/order/createOrder",
    //将数据通过函数转换
    data: JSON.stringify(orderList),
    dataType:"json",//指定数据类型为JSON
    //指定类型，不然会报错，无法解析提交类型
    contentType: "application/json;charset=utf-8",
    type: 'post',//指定提交方式为post
    success: function(data) {
        alert("添加成功！");
    }
});

三、后端Controller接收数据

 @RequestMapping("/createOrder")
 @ResponseBody
    public int createOrder(@RequestBody List<Map<String,Object>> orderList){
        List<Map<String,Object>> list = new ArrayList<>();
        if (list != null && list.size() > 0){
            return 1;
        }
        return 0;
    }

注意：

这里使用到了 @RequestBody 注解，该注解用来传递JSON参数。一般情况下来说常用其来处理application/json类型。

如此操作即可完成传值操作。

【原创系列】原文链接：https://blog.csdn.net/qq_43227967/article/details/88883588

扩展博客：