遍历html表格，生成json数组

最新推荐文章于 2021-06-19 12:34:45 发布

原创最新推荐文章于 2021-06-19 12:34:45 发布 · 2.4k 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种将HTML表格数据转换为JSON数组的方法。通过JavaScript实现，可用于收集表格中的数据并将其格式化为易于处理的JSON格式。适用于前端数据处理场景。

最近项目中使用到的，遍历html表格，生成json数组代码，供大家参考：

function tableToJson() {
     var table = document.getElementById("tab2");
var data = [];
// first row needs to be headers
headers =["车牌号","司机姓名","司机手机","联系人","派车地点","预计时间","应收费","内部车"];  //设置json对象，八个键值对
// go through cells
for (var i=1; i<table.rows.length; i++) {
var tableRow = table.rows[i];
var rowData = {};
//8
for (var j=0; j<8; j++) {
rowData[ headers[j] ] = tableRow.cells[j].innerHTML;
} 
data.push(rowData);
} 
var data1=JSON.stringify(data);
//alert(data1);
uploadTab(data1);
}