table新增一行并循环获取table内值

简单介绍

table新增一行，并获取table标签中所有td的值，通过js将其组装成json格式传给后端存储数据库。

 

实际操作

1、首先需要在页面html创建talbe标签内容，定义th标题

2、给包含td的tr增加一个属性，例如：type="subdata"

3、在table标签下增加一个按钮，并给其增加一个click事件

 

html内容

4、在js文件中进行click事件内容的编写，按照th标题数量进行td的拼接，也增加了一个删除行功能

 

js内容

5、js使用each来进行table的遍历，并组装成json格式数据

 

js内容

6、使用post方式传给后端进行解析存储数据库中

转载于:https://www.cnblogs.com/April-Chou-HelloWorld/p/9278227.html