在实际项目中有时候,会出现要求有全选一次性操作的功能要求,一次性向系统传入多个ID,或者字段进行操作。
不多话直接上代码
$scope.clickChoose =function(){ //全选操作 var checkAll=$("input:checkbox[name='checkAll']"); var ischeck= checkAll.is(":checked"); if(ischeck){ $("input[name='projectIds']").prop('checked', true); //$scope.timeStamp 是时间戳 $("#form-transferProject_"+$scope.timeStamp).find("input[name='projectIds']").each(function(i,e){ //$scope.subject_array是数组,我在上面定义的当前域,你们操作可以var subject_array=[] 定义一个 $scope.subject_array[i] = $(this).val(); }); }else{ $("input[name='projectIds']").prop('checked', false) } };
$scope.saveTransfer = function () { //确定操作 var transferId = $("input[name='transferId']").val() ;//获取移交人ID1 $.ajax({ url : 'projectController.do?saveTransfer', type:"post", async : false, traditional:true, //如果不做traditional:true的设置 前端传入后台时候会变成projectIds[]: object 。多个对象 // contentType:"application/json;charset=UTF-8", dataType: 'json', data:{ transferId : transferId, projectIds: $scope.subject_array }, success:function (data) { UCG.tipsBox.show("移交成功","right",true,2000); },error:function (data) { UCG.tipsBox.show("服务器错误","error",true,2000); } }) };
如果不做traditional:true的设置 前端传入后台时候会变成projectIds[]: object 。
设置之后是这样的
后端代码:
@RequestMapping(params="saveTransfer") @ResponseBody public AjaxJson saveTransfer(String transferId,String[] projectIds){ AjaxJson aj =new AjaxJson(); try { //将数组转为list,然后赋值给list ArrayList<String> list = new ArrayList<>(Arrays.asList(projectIds)); //遍历list进行底层操作 for (String projectId : list) { this.projectService.saveTransferDetail(transferId, projectId); aj.setMsg(AppConstant.SAVE_SUCESS_PROMPT); } } catch (Exception e) { e.printStackTrace(); aj.setMsg(AppConstant.SAVE_FAIL_PROMPT); aj.setSuccess(false); } return aj; }