您的位置:首页 > Web前端

ajax传递数组(前端+后台接收)

2018-03-26 16:58 375 查看
目的是将多选框中的值传递给后台
html内容:<input type="checkbox" class="option" value="1">

<input type="checkbox" class="option" value="2">

<input type="checkbox" class="option" value="3">

<input type="checkbox" class="option" value="4">

<input type="checkbox" class="option" value="5">
js内容:
                        var id = [];
for(var i=0;i<$(".option").length;i++){
if($(".option").eq(i).prop("checked")){
id.push($(".option").eq(i).val())
}
}
$.ajax({
type:"post",
url:"safeHomework/issuedWork",
async:false,
data:{id:id},
success:function(data){
layer.closeAll(); //关闭弹窗
}

})
后台接收:@RequestMapping(value="/issuedWork",method=RequestMethod.POST)
public @ResponseBody String issuedWork(@RequestParam(value="id[]") Integer[] id) {
for (Integer integer : id) {
System.out.println(integer.intValue());
}
return "1";
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: