分页通过jQuery恢复已删除的行

Question

>我有一个显示一些数据的表，每一行都有一个删除按钮，该按钮调用从数据库中删除该行的ajax方法。然后它调用一个 jquery 方法，该方法从客户端删除行并正常工作。但是，当使用 bootstrap 表分页移动到另一个页面并返回到我从中删除记录的页面时，删除的行会再次出现。

问题可能是什么？

Jquery：

$('#authorsDataTableBody').on("click",".deleteAuthor", function (params) {
    var authorID =  $(this).closest("tr").attr("id");  
    var dataToPost ='id=' + authorID +'&type=' + authorType;
    $(this).closest("tr").remove();
    $.getJSON("/Home/DeleteAuthor", dataToPost);
});

Answer 1

单击按钮时删除已删除的行，而不检查服务器响应。因此，如果服务器未能删除行，客户端将不会意识到，并且仍将删除tr。

此外，$.getJSON执行一个GET请求，这不是你想要的(你想要一个POST请求(，所以你应该改用$.ajax或$.post，并将客户端删除代码移动到$.post的.done()回调方法或$.ajax的.success()方法。