作为一个专业的js大佬,能帮我提供一份table提交到后台不包含表头的代码吗
时间: 2024-05-01 14:16:59 浏览: 90
大佬提供了一个新版fan脚本,联想粒子云风扇控制文件
当然可以,以下是一个简单的实现:
HTML代码:
```html
<table id="myTable">
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>18</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>20</td>
<td>女</td>
</tr>
<tr>
<td>王五</td>
<td>22</td>
<td>男</td>
</tr>
</tbody>
</table>
<button onclick="submitTable()">提交</button>
```
JavaScript代码:
```javascript
function submitTable() {
// 获取table元素
var table = document.getElementById("myTable");
// 获取tbody元素
var tbody = table.getElementsByTagName("tbody")[0];
// 获取tbody中的所有行
var rows = tbody.getElementsByTagName("tr");
// 创建一个数组用于存储数据
var data = [];
// 遍历行
for (var i = 0; i < rows.length; i++) {
// 获取当前行的所有单元格
var cells = rows[i].getElementsByTagName("td");
// 创建一个对象用于存储当前行的数据
var rowData = {};
// 遍历单元格
for (var j = 0; j < cells.length; j++) {
// 获取当前单元格的文本内容
var cellText = cells[j].textContent;
// 根据单元格的位置设置对象的属性
if (j === 0) {
rowData.name = cellText;
} else if (j === 1) {
rowData.age = cellText;
} else if (j === 2) {
rowData.gender = cellText;
}
}
// 将当前行的数据添加到数组中
data.push(rowData);
}
// 发送数据到后台
console.log(data);
// 此处未实现发送数据到后台的代码,你需要自行实现
}
```
这段代码会将表格中tbody中的所有数据转换成一个数组,然后可以将这个数组发送到后台。
阅读全文