PHP ajax+jQuery 实现批量删除功能实例代码小结

时间：2021-05-26

目录结构

piliangshan.php

<?php require_once './db_conn.php'; $sql = "select * from user"; $result = mysqli_query($conn, $sql);?><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>全选演示</title> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <link rel="stylesheet" type="text/css" href="./static/bootstrap.min.css" rel="external nofollow" > <script src="./static/jquery.js"></script> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"></head><body> <form enctype="multipart/form-data" method="post"> <div class="bs-example" data-example-id="simple-table" style="padding-left: 30px;"> <table class="table" id="J-dl"> <a href="javascript:void(0);" rel="external nofollow" class="btn btn-danger" onclick="selectAll()" title="删除选定数据" style="font-weight:normal">批量删除</a> <thead> <tr> <th><input type="checkbox" id="J-all" class="ckb"></th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr> </thead> <tbody> <?php while ($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) { echo '<tr> <th><input type="checkbox" class="ck" id="ck-1" value="'.$row['id'].'"></th> <th scope="row">'.$row['id'].'</th> <td>'.$row['username'].'</td> <td>'.$row['sort'].'</td> </tr>'; } ?> </tbody> </table> </div> </form> <script> (function () { var $all = $('#J-all'); var $dl = $('#J-dl'); // 绑定全选按钮点击事件，让下面所有的复选框是跟全选的一样 $all.on('click', function () { $dl.find('.ck').prop('checked', !!this.checked); }); // 绑定点击所有的复选框，点击的时候判断是否页面中全选了 $dl.find('.ck').on('click', function () { // 我只是喜欢用filter(fn),用选择器也行 // 查找没有选择的元素 var $unSelectedElem = $dl.find('.ck').filter(function () { return !this.checked; }); // 如果有没有选中的，则让全选的取消 if ($unSelectedElem.length) { $all.prop('checked', false); } else { $all.prop('checked', true); } }); })(); </script> <script type="text/javascript"> function selectAll() { var ids = ''; $(".ck").each(function() { if ($(this).is(':checked')) { ids += ',' + $(this).val(); //逐个获取id值，并用逗号分割开 } }); ids = ids.substring(1); // 进行id处理，去除第一位的逗号 if (ids.length == 0) { alert('请至少选择一项'); } else { if (confirm("确定删除选中的？")) { $.ajax({ type: "post", url: "piliangdo.php", data: { ids:ids }, success: function(data) { if(data.trim()=="yes") { alert("删除成功"); location.reload() //刷新页面 } else { alert("删除失败"); } } }); } } } </script></body></html>

piliangdo.php

<?php header("content-type:text/html;charset='utf-8'"); require_once './db_conn.php'; $ids = trim($_POST['ids']); $ids = explode(',', $ids); foreach ($ids as $key => $val) { $del_sql = "DELETE FROM `user` WHERE id = '$val'"; $result = mysqli_query($conn, $del_sql); } if ($result) { echo "yes"; } else{ echo "no"; }?>

总结

以上所述是小编给大家介绍的PHP ajax+jQuery 实现批量删除功能实例代码小结，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章