Json 批量表格/表单数据的处理

最新推荐文章于 2023-10-12 18:09:21 发布

hq_Tree

最新推荐文章于 2023-10-12 18:09:21 发布

阅读量1.2k

点赞数

分类专栏： WEB前端开发学习笔记 JavaWeb开发学习笔记文章标签：表单 json 数据

本文链接：https://blog.csdn.net/qq_31179919/article/details/52054429

版权

JavaWeb开发学习笔记同时被 2 个专栏收录

78 篇文章 0 订阅

订阅专栏

WEB前端开发学习笔记

25 篇文章 0 订阅

订阅专栏

表格

<!DOCTYPE html>
<html>
<head>

</head>
<body>

<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>

 <script>
     var JsonData =  {  a:"", b:""}
     var aa=[];

     var rows = document.getElementById("playlistTable").rows.length; //获得行数(包括thead)

     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);

 </script
</body>
</html>