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

问题描述

问 题

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

表格的数据是从数据库传到前端页面的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来实现，或者可以推荐可以实现这个功能的轮子？

解决方案

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

jquery:

$("xx").remove();

mysql:

delete from table_name where id = '';

这篇关于javascript - 请问如何实现点击按钮删除每行的数据（mysql中的数据同步删除）？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！