如果table里的数据也需要放到form表单里传到后端，而且table长度不定，怎么做到前后传参

最新推荐文章于 2023-05-18 14:36:00 发布

原创最新推荐文章于 2023-05-18 14:36:00 发布 · 933 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#后端

本文介绍了如何在前端通过隐藏input将表格数据动态绑定到表单，并以JSON格式提交到后端。后端通过创建一个包含列表的实体类来接收这些数据。前端实现时，每个表格单元格后添加隐藏input，name属性按照数组下标和实体类属性动态设置，确保数据能正确映射到后端的集合对象中。

问题描述：

如果table里的数据也需要放到form表单里传到后端，而且table长度不定，怎么做到前后传参

后端代码：

首先定义一个实体类

public class ContractSpsxJefp {
	private String name;
}

之后定义一个实体类，属性为上方实体类的List集合形式

public class ContractSpsxJefpList {
    private List<ContractSpsxJefp> contractSpsxJefp;
}

控制层代码，后端控制层使用包含了集合的实体类进行接收

public Map<String, Object> addContractSpsxJefp(ContractSpsxJefpList contractSpsxJefpList) {
}

前端代码：

这里关于前端代码我说一下思路思路，因为每个人前端实现动态表格的方式不同，所以代码实现肯定不一样。
首先，在每一个td标签后面添加一个input，并设定为不显示，name动态设定，格式如下面代码所示。
注意！
1、中括号中的为一个变量，从0开始，就是数组的下标，可以在前端生成变量让他循环加1，也可以后端参数传到前端让表格显示前，在后端就定义一个变量，从0开始，表示这个数，怎么方便怎么来。
2、.name，就是ContractSpsxJefp 这个实体类的属性

<table>
		<tr><th>Header</th></tr>
		<tr><td>Data<input type="hidden" value="" name="contractSpsxJefp[0].name"></td></tr>
</table>