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

Question

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

Answer 1

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

您可以随时调用表刷新功能。该插件使用AJAX工作。要与你合作，你也需要掌握一些小知识。

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

但是，如果你真的想这样做，那就得到概念，你也可以开发相同的东西。你只需要学习一些AJAX。

Answer 2

在按钮单击保存到数据库的数据后，您需要使用以下脚本。无需绕过服务器到客户端，而是操纵客户端。

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