table转json

最新推荐文章于 2024-08-22 08:56:47 发布

丿火凤燎原

最新推荐文章于 2024-08-22 08:56:47 发布

阅读量891

点赞数 1

本文链接：https://blog.youkuaiyun.com/liu529624928/article/details/104751081

版权

本文介绍了将表格转换为JSON格式的两种方法，包括使用tabletojson.js库，并提供了转换后的示例数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.第一种方法直接用tabletojson.js

链接：http://lightswitch05.github.io/table-to-json/

<table class="table" id="playlistTable">
  <thead>
    <tr>
      <th> 名称 </th>
      <th> 城市 </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td> 花花 </td>
      <td> 北京 </td>
    </tr>
    <tr>
      <td> 狗狗 </td>
      <td> 北京 </td>
    </tr>
  </tbody>
</table>
转换后的数据
<div class="jg"> </div>




<script type="text/javascript">
	    
	    
    var JsonData = {
    	a:"",b:""
    }

    var aa = [];

	//获得行数(包括thead)
    var rows = document.getElementById("playlistTable").rows.length;	
     //获得列数
    var colums = document.getElementById("playlistTable").rows[0].cells.length;
	
    for (var i = 1;i < rows;i++) {
	    var JsonData = new Object();
	    JsonData.a = document.getElementById("playlistTable").rows[i].cells[0].innerHTML;
	    JsonData.b = document.getElementById("playlistTable").rows[i].cells[1].innerHTML;
	    aa.push(JsonData);
    }

    var obj = JSON.stringify(aa);
	console.log(obj);
	$(".jg").html(obj);

</script>