怎么把前端中未知个数的tr ,id = tr1 中的数据每个tr中的td中input封装成一个对象发给后端
时间: 2024-03-06 21:46:44 浏览: 121
您可以通过以下步骤来实现将前端中未知个数的tr中的数据每个tr中的td中input封装成一个对象发给后端:
1. 遍历所有的tr元素,可以使用jQuery的.each()方法来实现。
2. 在每个tr元素中,再遍历所有的td元素,找到input元素。
3. 获取input元素的值,以及input元素的name属性(或者id属性),并存储到一个对象中。
4. 将所有的对象存储到一个数组中。
5. 将这个数组发给后端。
以下是一段伪代码,供您参考:
```
// 获取所有的tr元素
var trList = $('tr[id^="tr1"]');
// 定义一个数组,用于存储所有的对象
var dataList = [];
// 遍历每个tr元素
trList.each(function() {
var obj = {};
// 遍历每个td元素
$(this).find('td input').each(function() {
obj[$(this).attr('name')] = $(this).val();
});
// 将当前对象存储到数组中
dataList.push(obj);
});
// 将数组发送到后端
$.ajax({
type: 'POST',
url: 'your_url',
data: JSON.stringify(dataList),
contentType: 'application/json'
});
```
请注意,这只是一个伪代码,具体实现需要根据您的页面结构和后端接口来进行调整。
阅读全文