【前台 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;
    }

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

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