php ajax+jQuery一括削除機能を実現


この文章は主にPHPjQuery+Ajaxが一括削除機能の関連資料を書くことを紹介して、必要な友达は参考にして美観のために、私はやはりlayuiのモードボックスの全体のページを導入して私は書かないで比較的に簡単です
必要なボタン
<button  class="layui-btn layui-btn-danger  del_all">
<i class="layui-icon"></i>    </button>

巡回するチェックボックスは
<input  id="box"  name="check" type="checkbox"   value="{{$v->user_id}}" lay-skin="primary">

これでフロントエンドの内容が完成し、js部分を書き始めました.私はすべてjqueryを使っています.
ポイント:一括削除を行い、チェックボックスのid値を取得することに重点を置き、取得後、選択した値forをループ接合すればよい
 $(document).on("click",".del_all",function(){
          //   name          
        var check = document.getElementsByName("check");
        var str="";//       
        	  		 
       //                       id,
       //  :         ,  checkbox     
       //value ,               ,
 		//            
 		 //  length    
        for (i=0;i<check.length;i++) { 
            if (check[i].checked == true) {             
                str += "," + check[i].value;
            }
        }
          alert(str);
          //id           
          //id   ,  ajax         
        var ids = str.substr(1);  //        
        //alert(ids);
        layer.confirm('      ?',function(index){
			   layer.confirm('      ?',function(index){
                    //  ajax
                    var urll="http://www.laravele.com/admin/user/del";
                    $.ajax({
                         url:urll,
                        data:{ids:ids},
                        dataType:"json",
                        type:"GET",
                        success:function(res){
                             if(res.code==200){
                                 layer.msg(res.msg,{icon:6,time:1000});
                                 location.reload()//    
                             }else{
                                 layer.msg(res.msg,{icon:5,time:1000});
                             }
                        }
                    })
                })
        });

バックグラウンドlaravelフレームワークコントローラコード
 public function delAll(Request $request)
    {
        $id=$request->input();
        // dd($id);
        $id = implode(",",$id);//             
        $id=explode(",",$id); //         
        $res=User::destroy($id);
        if ($res) {
            $data=['code'=>200, 'msg'=>'    '];
        } else {
            $data=['code'=>201, 'msg'=>'    '];
        }
        return $data;
    }

2つ目の方法:
 
  {{$v->user_id}}" lay-skin="primary">
 
   function delAll(){         
                var ids=[];
                $(".layui-form-checked").not('.header').each(function(i,v){
                        var u=$(v).attr('data-id');
                       ids.push(u);
                })