请问如何实现点击按钮删除每行的数据（mysql中的数据同步删除）？

Question

如题，我想实现下图这个功能，点击每个按钮来删除每行的元素。

表格的数据是从数据库传到前端页面的json文件，jade文件里面的代码：

tbody
                                    each person in persons
                                        tr(class='#{person.class}')
                                            td #{person.name}
                                            td #{person.sex}
                                            td #{person.depart}
                                            td #{person.s1}
                                            td #{person.s2}
                                            td #{person.s3}
                                            td #{person.s4}
                                            td #{person.s5}
                                            td
                                                button.btn.btn-primary.btn-sm#c1
                                                    | 修改
                                            td
                                                button.btn.btn-danger.btn-sm#c2
                                                    | 隐藏
                                                    
                                                    
                                                    
                                                    

js文件中获取的json数据：

router.get('/', function(req, res, next) {
    pool.getConnection(function (err,connection) {
        var sql1 = 'SELECT * FROM person';
        connection.query(sql1, function (err, result) {
            connection.release();
            var string=JSON.stringify(result);
            var result=JSON.parse(string);
            res.render('guanli1', {persons:result});

        });
    })
});  

 

我本人刚学习前端，对前端相关方面的技术不是很熟练，所以最好是能通过jquery来实现，或者可以推荐可以实现这个功能的轮子？

Answer 1

通过ajax触发后台动作，删除数据库数据

jquery:

$("xx").remove();

mysql:

delete from table_name where id = '';

Answer 2

假设删除按钮<button class="delete">删除</button>
删除祖父tr：

$(".delete").on("click",function(){
    $(this).parents("tr").remove();
});

Answer 3

通过ajax局部刷新啊，

$post（‘url’,{data:data},function(h){
//根据data的返回值判断将id传到url中执行的数据库删除语句是否执行成功，成功表明该字段信息在数据库中已经删除，执行ajax的回调函数
if(h){
//jquery执行删除该对应的标签
}

}）;