刷新表格而不刷新整个页面以显示更新的数据答案

【问题标题】：Refresh a table without refreshing entire page to show updated data刷新表格而不刷新整个页面以显示更新的数据
【发布时间】：2012-12-08 19:33:57
【问题描述】：

我希望在同一页面上列出的列表页面中显示新添加的数据。我的问题是，将数据添加到我的数据库后，我需要重新加载整个页面才能看到新数据。如何在不重新加载整个页面的情况下查看？

【问题讨论】：

在不重新加载页面的情况下加载数据，使用ajax
看jQuery.ajax()
需要您的 ajax 代码。请也发布。

标签： javascript jquery mysql ajax

【解决方案1】：

如果只想刷新表格，可以使用这个jQuery插件：http://datatables.net

您可以随时调用表格刷新函数。该插件使用 AJAX 工作。要与您合作，您还需要具备一点 JavaScript 知识。

您可以从这里找到一些示例/演示。 http://editor.datatables.net/tutorials/api_manipulation

但是，如果您真的想这样做，请了解这个概念，您也可以开发相同的东西。你只需要学习一些 AJAX。

【讨论】：

【解决方案2】：

在将数据保存到数据库后单击按钮，您需要使用以下脚本。无需往返于服务器到客户端，而是操作客户端。

$("#btnSubmit").click(function () {
$('#myForm').ajaxForm({ 
    success:   function(){
       $('#myTable tr:first').after('<tr><td>' + $("#Name").val() + '</td></tr>');
    }
}); 
});

【讨论】：

这是真的，但同时也很危险；服务器调用可能失败，但用户没有注意到。
这里没有给出完整的答案。在 JQuery 中使用 ajax submit 可以查看表单提交成功还是失败？当for提交成功时你想调用这个代码。