js怎么读取动态生成表格上的值再传入json
时间: 2024-02-11 09:07:37 浏览: 59
要读取动态生成的表格上的值并将其传入JSON对象中,您可以使用JavaScript中的DOM操作来实现。下面是一种可能的实现方法:
1. 遍历表格中的每一行,获取每个单元格的值。
```javascript
var table = document.getElementById("myTable"); // 获取表格元素
var rows = table.rows; // 获取所有行
var data = []; // 存储表格数据的数组
for (var i = 0; i < rows.length; i++) {
var row = rows[i];
var cells = row.cells; // 获取当前行所有单元格
var item = {}; // 存储当前行数据的对象
for (var j = 0; j < cells.length; j++) {
var cell = cells[j];
var key = cell.getAttribute("data-key"); // 获取列名,假设每个单元格都有 data-key 属性存储列名
var value = cell.innerText; // 获取单元格文本值
item[key] = value; // 将列名和值存入当前行数据对象中
}
data.push(item); // 将当前行数据对象存入数组中
}
```
2. 将表格数据转换为JSON字符串。
```javascript
var json = JSON.stringify(data);
```
您现在可以使用此JSON字符串将表格数据传输到服务器端或在客户端中使用它。
阅读全文