Jquery ajax多选删除

 

html：

　　{{--  value获取id --}}
<input type="checkbox" value="{{$v['id']}}" name="id[]">   
　　{{-- 点击事件  --}}
<a onclick="deleteAll()"> 批量删除</a>

 

 

Jquery：

 //jquery全删
    function deleteAll() {

        layer.confirm('确定要全部删除吗？', {
            btn: ['确定','在考虑一下'] //按钮
        },()=>{
            let _token = "{{csrf_token()}}";        //设置一个_token值
            let ids = $('input[name="id[]"]:checked');      //获取多选的id
            let id = [];                                    //设置一个空数组放删除的id

            //循环
            $.each(ids,(k,v)=>{
                id.push($(v).val());
            })

            //发送ajax请求
            $.ajax({
                url:"{{route('node.quan')}}",     　　　　//地址
                type:'DELETE',                          //请求方式
                data:{id,_token}                        //发送的数据
            }).then(ret=>{
                if(ret.status == 0){
                    layer.msg(ret.msg,{time:2000,icon:1},()=>{
                        location.reload();
                    })
                }
            });

        });

    }

 

 

 

控制器:

//全选删除
    public function quan(Request $request){
        $id = $request->get('id');       //获取删除的id

        Node::destroy($id);             //Node是模型 删除操作
        return ['status'=>0,'msg'=>'全删删除成功'];
    }

 

路由:

 Route::delete('quan','NodeController@quan')->name('node.quan');        //name()起路由别名