php ajax全选删除,怎么在php中使用ajax实现一个全选删除功能

怎么在php中使用ajax实现一个全选删除功能

发布时间:2021-01-30 17:39:17

来源:亿速云

阅读:58

作者:Leah

本篇文章给大家分享的是有关怎么在php中使用ajax实现一个全选删除功能,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

具体如下:

删除

↑全选checkbox

↑为删除项,同一命名class为ckb,方便操作,同时将id值巧妙的放入input中,方便获取。function selectAll() {

if ($('#ckb_selectAll').is(':checked')) {

$(".ckb").attr("checked", true); //全部选中

} else {

$(".ckb").attr("checked", false);//全部取消

}

}

↑选中事件function del_() {

var ids = '';

$(".ckb").each(function() {

if ($(this).is(':checked')) {

ids += ',' + $(this).val(); //逐个获取id

}

});

ids = ids.substring(1); // 对id进行处理,去除第一个逗号

if (ids.length == 0) {

alert('请选择要删除的选项');

} else {

if (confirm("确定删除?删除后将无法恢复。")) {

url = "action=del_call_record&ids=" + ids;

$.ajax({

type: "post",

url: "send.php",

data: url,

success: function(json) {

if (parseInt(json.counts) > 0) {

alert(json.des);

location.reload();

} else {

alert(json.des);

}

},

error: function(XMLHttpRequest, textStatus) {

alert("页面请求错误,请检查重试或联系管理员!\n" + textStatus);

}

});

}

}

}

↑删除用ajax来处理。

↓后台操作数据库,处理删除动作。$ids = trim($_REQUEST['ids']);

$del_sql = "DELETE FROM vicidial_call_record WHERE id IN(".$ids.")";

//print_r($del_sql);exit;

if (mysqli_query($db_conn, $del_sql)) {

$counts = "1";

$des = "成功";

} else {

$counts = "0";

$des = "失败";

}

$json_data = "{";

$json_data. = "\"counts\":".json_encode($counts).",";

$json_data. = "\"des\":".json_encode($des)."";

$json_data. = "}";

echo $json_data;

break;

以上就是怎么在php中使用ajax实现一个全选删除功能,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在JSP使用AJAX实现批量删除数据库内的信息,你需要编写以下代码: HTML代码: ``` <button id="delete-selected">批量删除</button> <table id="data-table"> <thead> <tr> <th><input type="checkbox" id="select-all"></th> <th>ID</th> <th>姓名</th> <th>年龄</th> <th>操作</th> </tr> </thead> <tbody> <tr> <td><input type="checkbox" name="id" value="1"></td> <td>1</td> <td>张三</td> <td>20</td> <td><button class="delete-btn" data-id="1">删除</button></td> </tr> <tr> <td><input type="checkbox" name="id" value="2"></td> <td>2</td> <td>李四</td> <td>25</td> <td><button class="delete-btn" data-id="2">删除</button></td> </tr> <tr> <td><input type="checkbox" name="id" value="3"></td> <td>3</td> <td>王五</td> <td>30</td> <td><button class="delete-btn" data-id="3">删除</button></td> </tr> </tbody> </table> ``` 在上面的代码,我们创建了一个表格,包含了一些数据和一个批量删除按钮。每个数据行都有一个复选框和一个删除按钮。每个删除按钮都有一个 `data-id` 属性,用于存储要删除的数据的ID。 JavaScript代码: ``` $(document).ready(function() { // 全选/取消全选 $('#select-all').click(function() { $('input[type="checkbox"][name="id"]').prop('checked', $(this).prop('checked')); }); // 单个删除 $('.delete-btn').click(function() { var id = $(this).data('id'); $.ajax({ url: 'your-url-to-delete-data?id=' + id, type: 'DELETE', success: function(result) { // 删除成功后执行的代码 alert('删除成功'); window.location.reload(); }, error: function(error) { // 删除失败后执行的代码 alert('删除失败'); } }); }); // 批量删除 $('#delete-selected').click(function() { var ids = []; $('input[type="checkbox"][name="id"]:checked').each(function() { ids.push($(this).val()); }); if (ids.length == 0) { alert('请至少选择一项'); return; } $.ajax({ url: 'your-url-to-delete-data?ids=' + ids.join(','), type: 'DELETE', success: function(result) { // 删除成功后执行的代码 alert('删除成功'); window.location.reload(); }, error: function(error) { // 删除失败后执行的代码 alert('删除失败'); } }); }); }); ``` 在上面的代码,我们使用jQuery来添加点击事件处理程序。单击删除按钮时,我们从 `data-id` 属性获取要删除的数据的ID,并使用AJAX请求将其从数据库删除。在批量删除时,我们首先获取选的所有ID,然后将它们作为一个字符串发送到服务器端进行批量删除。在成功或失败的情况下,我们使用 `alert` 弹出相应的消息,并重新加载页面以显示更新后的数据。 注意:你需要将 `your-url-to-delete-data` 替换为你的JSP页面处理AJAX请求的URL。同时,你需要在后台进行相应的处理,以便正确地删除数据。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值