jquery 数据表“搜索”返回以前删除的数据

如何解决jquery 数据表“搜索”返回以前删除的数据

我使用 onclick 从 sql 数据库中删除选定的行，并通过向 PHP/server 发送 ajax 同时更新数据表。 负责删除记录的是一些后端PHP。

到目前为止一切顺利。

但是，当我尝试搜索时，它返回我已删除的行，我该怎么办？

$(document).on('click','#delete',function() {
        var id = $(this).parent().find("#id").text();
        var name = $(this).parent().find("#name").text();
         
        if(confirm("Are you sure you want to delete record " + id + " with name " + name + " ?")){
         
            $.ajax({
                method: "POST",url: "http://localhost/indexDB/actions.PHP",data: {
                    id: id,deletename: name
                }
            })
            .done(function(msg) {
                alert(msg);                
                 
$("#dtVerticalScrollExample tbody").empty();       //EMPTY THE DB WINDOW
     
$.ajax({                                                                 //POPULATE DB WINDOW AGAIN
        url: 'http://localhost/indexDB/ajaxfile.PHP',type: 'get',dataType: 'JSON',success: function(response){
            var len = response.length;
            for(var i=0; i<len; i++){
                var id = response[i].id;
                var name = response[i].name;
                var contents = response[i].contents;
                var date = response[i].date;
                var ajaxbutton = response[i].button;
                 
                var button = document.createElement("i");
                button.className = "far fa-trash-alt trashdb";
 
                var tr_str = "<tr>" +
                    "<td id=id>" + id + "</td>" +
                    "<td id=name>" + name + "</td>" +
                    "<td id=date>" + date + "</td>" +
                    "<td id=buttonrow>" + button.outerHTML + "</tr>";
 
                $("#dtVerticalScrollExample tbody").append(tr_str);
            }
 
        }
    });
  });
    }else{
        alert("Delete cancelled !")
    }
         
 
    });   //DELETE RECORDS FROM DB