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 \think\response\Json
     */
    public function delAll(Request $request){
        $id = $request->get('id');
        rtrim($id,',');
        $data = \app\model\Type::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();
}