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

Javascript 刷新表格而不刷新整个页面以显示更新的数据,javascript,jquery,mysql,ajax,Javascript,Jquery,Mysql,Ajax,我希望将新添加的数据显示到同一页面上的列表页面。我的问题是,在向数据库添加数据后,我需要重新加载整个页面以查看新数据。如何在不重新加载整个页面的情况下进行查看 在将数据保存到数据库后单击按钮,您需要使用以下脚本。不需要往返于服务器到客户端,而是操作客户端 $("#btnSubmit").click(function () { $('#myForm').ajaxForm({ success: function(){ $('#myTable tr:first').afte

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


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

$("#btnSubmit").click(function () {
$('#myForm').ajaxForm({ 
    success:   function(){
       $('#myTable tr:first').after('<tr><td>' + $("#Name").val() + '</td></tr>');
    }
}); 
});
$(“#btnsupmit”)。单击(函数(){
$('#myForm').ajaxForm({
成功:函数(){
$('#myTable tr:first')。在('+$(“#Name”).val()+'')之后;
}
}); 
});

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

$("#btnSubmit").click(function () {
$('#myForm').ajaxForm({ 
    success:   function(){
       $('#myTable tr:first').after('<tr><td>' + $("#Name").val() + '</td></tr>');
    }
}); 
});
$(“#btnsupmit”)。单击(函数(){
$('#myForm').ajaxForm({
成功:函数(){
$('#myTable tr:first')。在('+$(“#Name”).val()+'')之后;
}
}); 
});

如果您只想刷新表,可以使用以下jQuery插件:

您可以随时调用表刷新函数。该插件使用AJAX工作。要使用javascript,您还需要了解一些javascript知识

你可以从这里找到一些例子/演示。


然而,如果你真的想这样做的话,你可以得到这个概念,你也可以开发同样的东西。您只需要学习一些AJAX。

如果您只想刷新表,可以使用以下jQuery插件:

您可以随时调用表刷新函数。该插件使用AJAX工作。要使用javascript,您还需要了解一些javascript知识

你可以从这里找到一些例子/演示。


然而,如果你真的想这样做的话,你可以得到这个概念,你也可以开发同样的东西。您只需要学习一些AJAX。

要在不重新加载页面的情况下加载数据,请使用AJAX查看所需的AJAX代码。Plz也发布了。要在不重新加载页面的情况下加载数据,请使用ajaxLook查看所需的ajax代码。这也是事实,但同时也是危险的;服务器调用可能失败,但用户没有注意到。我在这里没有得到完整的答案。在JQuery中使用ajax submit,您可以找到表单提交成功或失败?当for成功提交时,您希望调用此代码。这是正确的,但同时也是危险的;服务器调用可能失败,但用户没有注意到。我在这里没有得到完整的答案。在JQuery中使用ajax submit,您可以找到表单提交成功或失败?成功提交for后,您希望调用此代码。