想问一下前端删除按钮怎么通过点击事件才能删除数据库里面对应的数据

 var table = document.getElementById("item9ul");
                for (var i = 0; i < obj.DATA.length; i++) {
                    var li = document.createElement('li');
                    li.className = 'mui-table-view-cell taptap';
                    li.setAttribute("data-type", "fsj");
                    li.setAttribute("data-guid", obj.DATA[i].Guid);
                    li.innerHTML = '<input class="mui-ellipsis1" id="btnDel" type="button" onclick="del()" value="删除">'+
                    '<div class="mui-table-cell mui-col-xs-10 ">' +       
                        '<a class="mui-ellipsis fj-len" href="#">' + obj.DATA[i].Code +
                        '<h5>附属件名称：' + obj.DATA[i].Name + '</h5>' +
                        '<h5>规格型号：' + obj.DATA[i].Gg + '</h5></a>' +
                        '</div>';
                    table.insertBefore(li, table.firstChild);
                }

这个数据是从后端读的json数据，然后删除按钮是每次查到一条数据就增加一个删除按钮

首先要有一个后端，不是也行。写一个接口，调用，通过接口修改数据库

ajax访问后端接口，后端读取到访问通过SQL删除