thinkPHP6 JQuery的ajax批量删除

发布时间:2022-06-27 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了thinkPHP6 JQuery的ajax批量删除脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

一、引入JQuery

html所添加的代码

给对应的按钮或复选框绑定ID或class属性

//批量删除按钮
<a href="#">
  <button type="button" class="btn btn-danger" id="delAll">批量删除</button>
</a>

//给复选框绑定class属性,ID为了能够获取id值
<td><input type="checkbox" class="checks" id="{$v.id}"></td>
 
//ajax批量删除
$('#delAll').click(function (){
  //创建一个空字符串
  var delId='';
  //将选中的复选框循环添加到字符串中
  $('.checks:checked').each(function (){
    delId+=$(this).attr('id')+',';
  })
  $.ajax({
    url:'delAll',//跳转的地址(路由的方法)
    data:{id:delId},//传递的值
    success:function (e){
      console.log(e);
      //判断返回值状态码
      if(code=200){
        //将选中的复选框对应的行移除
        $('.checks:checked').parents('tr').remove();
      }
    }
  })
})

控制器对应的方法

/**
     * @param Request $request
     * @return thinkresponseJson
     */
    public function delAll(Request $request){
        $id = $request->get('id');
        rtrim($id,',');
        $data = appmodelType::delAll($id);
        if ($data){
            return json([
                'code'=>200,
                'msg'=>'删除成功',
                'data'=>$data,
            ]);
        }
        return json([
            'code'=>500,
            'msg'=>'删除失败',
            'data'=>$data,
        ]);
    }

模型

public static function delAll($id){
    return self::whereIn('id',$id)->delete();
}

脚本宝典总结

以上是脚本宝典为你收集整理的thinkPHP6 JQuery的ajax批量删除全部内容,希望文章能够帮你解决thinkPHP6 JQuery的ajax批量删除所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: