【前台 ajax】web项目前台传递数组给后台 两种方式

项目使用maven    springMVC

有需求 将前台的数组   在ajax中 送给后台

方式1：

前台代码：【注意：ajax中的属性---traditional:true,  】

　　　　如果Post是string数组或者int数组，则ajax中traditional: true,

　　　　如果Post是对象数组，则ajax中traditional: false,否则对象将为空

 //首先 是数组数据的封装
 $.each(checkedNodes,function(i,node){
                     nodeArr.push(node.id);
                 });
 //ajax中  需要设置 traditional:true,
                 if(roleName !="" ){
                     $.ajax({url:"roleAdd.htmls",
                             dataType:'json',
                             type:"post",
                             traditional:true,
                             data:{
                                 "roleName" : roleName,
                                 "roleCre" : roleCre,
                                 "nodeArr" : nodeArr,
                             },
                             success:function(data){
                                 if(data != null){
                                     parent.page.pageSet();
                                 }
                                 parent.layer.close(parent.indexRoleAdd); //获取到layer的弹出窗 关闭它  indexRoleAdd
                     }});
                 }

后台代码：【使用String[] nodeArr数组接收即可】

 @RequestMapping("/roleAdd")
     @ResponseBody
     public Role roleAdd(String roleName,String roleCre,HttpServletRequest request, String[] nodeArr){

         Role role = new Role();
         role.setRoleId(UUID.randomUUID().toString());
         role.setRoleName(roleName);
         role.setRoleCre(roleCre);
         //创建信息
         HttpSession session = request.getSession();
         User user = (User) session.getAttribute("user");
         role.setTransPerson(user.getUserId());
         role.setCreateDate(new Timestamp(System.currentTimeMillis()));
 //        roleService.save(role);
 //        roleService.flush();
         return role;
     }

方式2：

前台代码：

 $.each(checkedNodes,function(i,node){
                     nodeArr.push(node.id);
                 });
 //数组数据 封装完成后转化为JSON字符串
                 var nodes = JSON.stringify(nodeArr);

                 if(roleName !="" ){
                     $.ajax({url:"roleAdd.htmls",
                             dataType:'json',
                             type:"post",
                             data:{
                                 "roleName" : roleName,
                                 "roleCre" : roleCre,
                                 "nodeArr" : nodes,
                             },
                             success:function(data){
                                 if(data != null){
                                     parent.page.pageSet();
                                 }
                                 parent.layer.close(parent.indexRoleAdd); //获取到layer的弹出窗 关闭它  indexRoleAdd
                     }});
                 }

后台代码：【String nodeArr接收数据即可】

     /**
      * 进行添加角色的操作
      * @return
      */
     @RequestMapping("/roleAdd")
     @ResponseBody
     public Role roleAdd(String roleName,String roleCre,HttpServletRequest request, String nodeArr){

         Role role = new Role();
         role.setRoleId(UUID.randomUUID().toString());
         role.setRoleName(roleName);
         role.setRoleCre(roleCre);
         //创建信息
         HttpSession session = request.getSession();
         User user = (User) session.getAttribute("user");
         role.setTransPerson(user.getUserId());
         role.setCreateDate(new Timestamp(System.currentTimeMillis()));
 //        roleService.save(role);
 //        roleService.flush();
         return role;
     }

只不过 这样接收到的数组是字符串形式的  需要自己在后台进行二次处理 才能拿到 数组内的数据

这两种方式都可以 实现！！！！！