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

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

问题描述:

如果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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值