重新加载表而不重新加载网页

Question

我目前有一个表，您可以添加/删除/删除所有项目，但为了实际看到您已删除项目或清除了我需要重新加载网页的表格。我想知道是否有另一种方法只是重新加载表而不是重新加载网页

Answer 1

您必须使用AJAX从服务器获取数据。

在您的服务器中，您将拥有一个包含相关数据json的页面，您将对其进行解析并更新页面。

例如，你可以将mytable/update路由到服务器中的方法，你可以这样调用它：

jQuery.ajax('/mytable/update)

回调将具有实际的json。警惕CSRF

但是，您提到您的表只有添加和删除。是否有来自服务器的数据？您可以从客户端本身的服务器复制代码，这样您就可以使用javascript自行进行更改，这有助于减少服务器负载。

Answer 2

删除行：

 $('#myTableRow').remove();

如果您的行具有ID，则可以正常工作，例如：

<tr id="myTableRow"><td>blah</td></tr>

添加：

$('#myTable > tbody:last').append('<tr>...</tr><tr>...</tr>');

假设你的项目连续:)