通过复制元素更新html正文中的表

时间:2019-03-21 03:17:24

标签: javascript jquery html post console

我有一个html页面,其正文包含一个表,该表在每个单元格中都有某些数据。 我有另一个类似的页面,但是表单元格中没有数据。

每次我向单元格添加值时,它都会发送后调用以更新db中的数据。 我从第一个html页面复制了表格元素,然后粘贴到了第二个html页面中,该元素填充了所有单元格数据,但是它不发送帖子调用。

有没有办法做到这一点,因为刷新页面时表再次显示为空。

1 个答案:

答案 0 :(得分:0)

当您将文本(或键入文本)粘贴到字段或页面中时,它会使用该数据更新现有的DOM-但这只是短暂的。换句话说,它不会保存在任何地方,而是临时的。刷新页面时,数据从代码中重绘DOM时所有数据都会消失-其中不包括您所做的临时更新。

要解决此问题,有两个选项,具体取决于您的第一页和第二页是否从同一数据库和表中提取。

1)如果每次更新第一页时都使用数据更新数据库,则可以让第二页从同一数据库加载数据。您根本不需要粘贴。在第一页上发布帖子后,刷新第二页即可看到更改。

2)如果您希望第二页保存数据而不将其粘贴到第二页中,则可以在表格单元格上使用jquery .change()函数进行$.ajax调用,这将更新数据库。您仍然需要对第二页进行重新编码以根据数据库数据进行填充,以便在刷新时就可以在其中找到它,但是粘贴时还具有更新它的功能。