Javascript 从页面中删除数据库行而不刷新

我有一个脚本可以从我的数据库中删除一行，它工作得很好，但问题是我必须刷新页面才能看到更改，在客户端我有一个表，其中显示了所有行，如何在没有刷新的情况下从页面中动态删除tr，td？我希望js代码足够了

JS:

---

有两种方法可以做到这一点

您应该跟踪正在删除的记录行，比如说使用

delete\u id

我们将按照下面的方法执行

然后在你的点击功能中

$ ( ".delete_button" ).click ( function () {
    var delete_id = $ ( this ).attr ( 'name' );
    $.ajax ( {
        type : "POST",
        url : 'delete.php',
        data : { 'variable' : delete_id },
        success : function ( html ) {
            $ ( "#" + delete_id ).remove ()
        } } );
} );

无需根据html结构对其进行跟踪

JS

---

删除

success

处理程序中的行。像这样的

$(".delete_button").click(function(){
    var $this = $(this);
    var delete_id = $(this).attr('name');
    $.ajax({
        type: "POST",
        url: 'delete.php',
        data:{'variable': delete_id},
        success:function(html) {
        alert(delete_id);
        //now remove the row
        $this.parent('tr').remove();
        }
    });
});

---

看看你的开发者console@RTX您需要解析HTML并通过javascript手动删除相应的节点。向我们展示您的HTML。@RTX请选择有助于您解决问题的答案，以便其他面临相同问题的人也能从中受益。您好，您能将答案标记为对您有效的正确答案吗？

$ ( ".delete_button" ).click ( function () {
    var delete_id = $ ( this ).attr ( 'name' );
    var anchorLink = $ ( this );
    $.ajax ( {
        type : "POST",
        url : 'delete.php',
        data : { 'variable' : delete_id },
        success : function ( html ) {
            anchorLink.parent ().prent ().remove ();
        } } );
} );

$(".delete_button").click(function(){
    var $this = $(this);
    var delete_id = $(this).attr('name');
    $.ajax({
        type: "POST",
        url: 'delete.php',
        data:{'variable': delete_id},
        success:function(html) {
        alert(delete_id);
        //now remove the row
        $this.parent('tr').remove();
        }
    });
});