前端数据删除mysql数据_请问如何实现点击按钮删除每行的数据（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来实现，或者可以推荐可以实现这个功能的轮子？