ajax获取数据后动态生产的表格如何删除指定行
在通过ajax获取后台数据并将其以表格形式展示到前端页面后，如何实现单击指定行就同时删除该行和数组中的数据呢？
首先，将获取数据并生成表格的代码封装成一个方法，如：
function createtable(tbody, data) { // 清空tbody tbody.empty(); // 遍历数据，生成表格行 data.foreach(row => { tbody.append(` ${row.pnumber} ${row.products} 件 ${row.pprice} ${row.pnum} 删除 `); });}
在点击删除按钮时，使用this对象传递当前单击的元素，并调用del函数。del函数负责删除该行及其在数组中的数据，再重新创建表格：
function del(row) { // 获取数据行所在的行编号 let index = $(row).closest("tr").index(); // 从数组中删除对应数据 arry.splice(index, 1); // 重新创建表格 createTable(tbody, arry);}
通过将获取数据和生成表格的逻辑封装成方法，我们可以更灵活地控制表格的显示和更新，从而实现单击删除指定行和数组数据的功能。
以上就是Ajax表格数据：如何删除指定行及对应数组数据？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1498478.html
微信扫一扫 
支付宝扫一扫 
