打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
请问如何实现点击按钮删除每行的数据(mysql中的数据同步删除)?
userphoto

2022.06.14 广西

关注

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


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

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
Juicer模板引擎使用笔记
python测试开发django-126.bootstrap-table表格内操作按钮(修改/删除) 功能实现
编程语言php+ajax无刷新上传图片实例代码,
jquery得到表格当前行数据
基于Metronic的Bootstrap开发框架经验总结(16)-- 使用插件bootstrap-table实现表格记录的查询、分页、排序等处理
【js与jquery】jquery对返回json格式数据的处理和解析
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服