一括削除フロントエンドパラメータ転送およびバックグラウンド受信

9394 ワード

一括削除、フロントパラメータ転送およびバックグラウンドパラメータ受信
バックグラウンドは配列受信を採用
例シナリオ:ユーザーの一括削除をシミュレートする
考え方:ユーザーを削除して、各チェックボックスのValue値はすべて1人のユーザーのIDを代表して、各選択したチェックボックスの値を取得して、配列を入れて、それから直接
バックグラウンドに渡され、全部で何個のチェックボックスがあるか分からないときは、jQueryを使って実現します
          var userIdList = new Array();//該当するユーザIdを保存する
//選択したラベルごとにメソッドをバインド
          $("input:checked").each(function(){
//ラベルの値を配列に入れる
           userIds.push($(this).val());//ここでadd addを使用できない追加はfunction}ではありません).
   
選択□
名前
電話番号

何二
123

張三
123

李四
123

王五
123

趙六
123
    
バックグラウンド受信:
        @RequestMapping(value="/reduceUser",produces=MediaType.APPLICATION_JSON_VALUE+";charset=utf-8")
        @ResponseBody         public Result deleteUser( @RequestParam("userIds[ ]")Integer [ ] userIds){           List userIdList = Arrays.asList(userIds);           int num = this.userService.removeUser(userIdList);           if(num==1){             return new Result(200);           }else{             return new Result(400);           }         }
フロントページ:

    pageEncoding="UTF-8"%>

String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>    



     

       
        
        
        
        
                
                <span style="color:#008000;">//</span><span style="color:#008000;">           </span>
                <span style="color:#0000ff;">function</span><span style="color:#000000;"> changeStatus(){
                    </span><span style="color:#008000;">//</span><span style="color:#008000;">      (                )</span>
                    <span style="color:#0000ff;">var</span> flag = $("#cheooseBox").is(":checked"<span style="color:#000000;">);
                    $(</span>"input").attr("checked"<span style="color:#000000;">,flag);
                }
                </span><span style="color:#008000;">//</span><span style="color:#008000;">$("input[name='input1']").click(function(){</span>
                $(<span style="color:#0000ff;">function</span><span style="color:#000000;">(){
                    </span><span style="color:#008000;">//</span><span style="color:#008000;">    button      </span>
                    $("button").click(<span style="color:#0000ff;">function</span><span style="color:#000000;">(){
                        </span><span style="color:#008000;">//</span><span style="color:#008000;"> checkedNum  = $("input[name='uname']:checked").length;</span>
                        <span style="color:#0000ff;">var</span> checkedNum  = $("input:checked"<span style="color:#000000;">).length;
                        </span><span style="color:#0000ff;">if</span>(confirm("       ?"<span style="color:#000000;">)){
                            </span><span style="color:#ff0000;">var userIds = new Array();
                            </span><span style="color:#008000;">//</span><span style="color:#008000;">    <span style="color:#ff0000;">     </span>       </span>
                            <span style="color:#008000;">//</span><span style="color:#008000;">$("input[name='uname']:checked").each(function(){</span>
                           <span style="color:#ff0000;"> $("input:checked").each(function(){
                                </span><span style="color:#008000;">//</span><span style="color:#008000;">          </span>
                               <span style="color:#ff0000;"> userIds.push($(this).val());</span><span style="color:#008000;">//</span><span style="color:#008000;">        add  add    function</span>
<span style="color:#ff0000;">                            });
                            </span><span style="color:#0000ff;">/*            jQuery      
                                $.post("user/reduceUser",{userIds:userIds},function(data){
                                if(data.status==200){
                                    //    
                                    if(confirm("       !        ")){
                                        //            ,    
                                        $(location).attr("href","user/showUser");
                                    }    
                                }
                                },"json");
                            */</span><span style="color:#000000;">
                            $.ajax({
                                type:</span>"post"<span style="color:#000000;">,
                                url:</span>"user/reduceUser"<span style="color:#000000;">,
                                data:{</span>"userIds"<span style="color:#000000;">:userIdList},
                                dataType:</span>"json"<span style="color:#000000;">,
                                </span><span style="color:#008000;">//</span><span style="color:#008000;">traditional:true,</span>
                                success:<span style="color:#0000ff;">function</span><span style="color:#000000;">(data){
                                    </span><span style="color:#0000ff;">if</span>(data.status==200<span style="color:#000000;">){
                                        </span><span style="color:#0000ff;">if</span>(confirm("       !        "<span style="color:#000000;">)){<br>                          <span style="color:#339966;">//          ,    </span>
                                            $(location).attr(</span>"href","user/showUser"<span style="color:#000000;">);
                                            </span><span style="color:#008000;">//</span><span style="color:#008000;">window.location.href="user/showUser";</span>
<span style="color:#000000;">                                        }    
                                    }
                                }
                            });
                        }
                    });
                });
        </span>


    
    


 
    
  
転載先:https://www.cnblogs.com/northern-light/p/7955712.html