ThinkPhp6或Laravel框架使用Ajax完成无刷新批量删除操作

本文介绍了如何在ThinkPhp6或Laravel应用中使用Ajax实现无刷新的批量删除操作。首先,通过给复选框和批删按钮添加点击事件来收集选中的ID;接着,利用Ajax发送GET请求传递这些ID到控制器;然后,控制器接收ID,实例化模型并调用delete方法执行删除;最后,模型层使用destroy方法删除记录,控制器返回成功信息,Ajax回调根据返回值删除对应的DOM元素。
摘要由CSDN通过智能技术生成

第一步:

给复选框和批删按钮设置上点击事件,批删按钮可用 ID 或 Class 设置点击事件,而复选框只能使用 Class 设置点击事件,因为 ID 我们要进行赋值,取到所有复选框的 ID

     //            批删按钮点击事件
     
    <button type="button" id="delAll">批删</button>
     
     //            复选框点击事件 , 这里我使用了循环,所以 ID 为 val.id(循环遍历ID)
     
    <input type="checkbox" id="{$val.id}" class="btns">
     

第二步:

引用 JS,并起一个 ID 数组,进行赋值

 第三步:

书写 Aajx 进行传值

 第三步:

到达控制层接收 ID ,接收到 ID 后实例化对象传到模型层进行操作

 第四步:

到达模型层完成删除的操作,直接使用 destroy 实现删除即可

 第五步:

在到达控制层进行判断是否删除成功,删除成功直接返回 Json 形式的数据(大部分不会失败)

第六步:

到达 Ajax 返回值,进行判断传回参数是否正确,判断成功的话直接把所有祖先元素的段落删除

                                     

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值