thinkPHP6 JQuery的ajax批量删除

Posted 2022-01-07 Yolo436

一、引入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();