0

我有一个如下所示的动态表： 在此处输入图像描述

每次单击更新时，都会出现一个 JQuery 对话框，其中包含一个表单，以便更新所选行。直到此刻，我成功地进行了此更新，但我现在面临的问题是，一旦我进行了更新，我的数据库就会更新，但网页中的表格不会更新。我有两个解决方案：

  • 更新后重新加载整个页面（我不喜欢这个）
  • 使用 Ajax 更新表格（这对于像我这样的初学者来说相当困难！但我尝试）

下面是更新一行的代码：

$.ajax({
type: "POST",
url: "../folder/update.php",
data: dataString,
success: function(){
    $('.info').show().html("<img src='../images/success.png' width='30px' height='35' />").delay(2000).fadeOut();
// I guess I should load the table here
}
});

你觉得我的朋友们怎么样？有什么建议么？

4

1 回答 1

1

为什么不直接使用 jQuery 将输入的数据附加到表格中呢？这样它仍然会显示您插入的内容而无需浪费带宽？

编辑 -

哦，等等，我忘了你可能需要 ID 来进行更新/删除操作。我建议将该表的逻辑放在不同的 PHP 脚本中，例如table.php，然后使用对该脚本的 AJAX 调用来刷新该“容器”？

编辑＃2 -

对不起，可能应该举一些我在说什么的例子。

假设您的表位于 中<div id="data-table"></div>，我建议您使用一个单独的 PHP 脚本（调用它table.php）来实际为您构建此表（我会将此脚本包含在您最初加载页面时的主脚本中）。

将以下函数添加到您的 JS...

function getNewTable() {
    $("#data-table").load("table.php");
}

更新数据后，调用getNewTable()，就是这样。希望能帮助到你！

于 2013-10-11T07:58:47.803 回答