一括削除フロントエンドパラメータ転送およびバックグラウンド受信
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); } }
フロントページ:
転載先:https://www.cnblogs.com/northern-light/p/7955712.html
バックグラウンドは配列受信を採用
例シナリオ:ユーザーの一括削除をシミュレートする
考え方:ユーザーを削除して、各チェックボックスの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