如题,我想实现下图这个功能,点击每个按钮来删除每行的元素。
表格的数据是从数据库传到前端页面的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:
mysql: