【Python成长之路】基于Flask框架开发web -- 了解jquery，并实现简单的表格管理平台（4）

【功能】

上一篇说到要实现“提交”功能，所以这次就来简单讲讲。

 

【效果】

【知识点】

1、提交功能的实现，对我来说，最难的是html对前台数据的传输。因此，我就参考着编辑功能，自己一 点点写。以下是示例代码：

（1）HTML文件编写前台界面提单功能

我理解这行代码的意思是声明下面要JQuery库，而不是其他JS库。（可能理解有误）

最后加上这行代码后，问题成功解决！

（2）获取当前行号

一开始在获取行号，怎么获取不到，而且不知道要怎么调试，在同事的指导下，才学会通过alert(td.innerHTML)来查看获取的当前行内容是什么。

最初从网上 查到获取当前行的写法是：

var td = event.parentElement;
var rownum = td.parentElement.rowIndex;

通过alert调试，发现点击提交根本没有反应；又改成

var td = event.srcElement;
var rownum = td.parentElement.rowIndex;

结果是获取不到任何内容

就这么个小问题就花费了我近2个小时的时间去不停地查资料，尝试编写。最后想说的是，如果对html不熟悉，还是应该找个大神带带自己的。

最后在同事的协助下，实现了获取当前行的功能：

（3）获取每个表格里的 内容

tab.rows[0].cells[0].innerHTML

在获取单元格内数据时，最验证的是我获取不到tab，即表格元素。因为我原先没有在表格元素里加id，即

网上找了很多方法都没法实现，最后老老实实地加上 id="test"

 

讲道理，html里的这 20行代码是我搞这个表格管理平台时，花费最大精力的。至此，表格管理平台的功能基本成行 ！