本文实例介绍了JS实现动态生成表格并向后端提交表格数据的相关代码,分享给大家供大家参考,具体内容如下
先来看一下需求:在web页面上动态的生成表格,并可以对表格中的数据进行编辑,然后把表格中的数据提交至后端服务器保存。
那么我们首先需要解决的是动态生成表格的问题
1.首先我们需要导入JS库文件。
2.然后在页面div中事先创建一个空白表格,可以根据需求而定,我这里是一个带表头的表格
表头1 | 表头2 | 表头3 | 表头4 | 表头5 | 操作 |
3.表格创建好后,我们就可以写动态生成表格的关键代码了。我们写一个js方法供触发使用
var num = 0;
function addTable(){
var tableHtml ="";
tableHtml += '
'+'
'+'
'+'
'+'
'+'
'+'
删除'+'修改'
+'