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

Question

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

Answer 1

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

您可以随时调用表刷新功能。 该插件可使用AJAX运行。 要与您一起工作，您还需要一点JavaScript知识。

您可以从此处找到示例/演示。 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>');
    }
}); 
});