博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【前台 ajax】web项目前台传递数组给后台 两种方式
阅读量:6514 次
发布时间:2019-06-24

本文共 3804 字,大约阅读时间需要 12 分钟。

项目使用maven    springMVC   

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

方式1:

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

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

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

1 //首先 是数组数据的封装 2 $.each(checkedNodes,function(i,node){ 3                     nodeArr.push(node.id); 4                 }); 5 //ajax中  需要设置 traditional:true, 6                 if(roleName !="" ){ 7                     $.ajax({url:"roleAdd.htmls", 8                             dataType:'json', 9                             type:"post",10                             traditional:true,11                             data:{12                                 "roleName" : roleName,13                                 "roleCre" : roleCre,14                                 "nodeArr" : nodeArr,15                             },16                             success:function(data){17                                 if(data != null){18                                     parent.page.pageSet(); 19                                 }    20                                 parent.layer.close(parent.indexRoleAdd); //获取到layer的弹出窗 关闭它  indexRoleAdd21                     }});22                 }
View Code

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

1 @RequestMapping("/roleAdd") 2     @ResponseBody 3     public Role roleAdd(String roleName,String roleCre,HttpServletRequest request, String[] nodeArr){ 4          5         Role role = new Role(); 6         role.setRoleId(UUID.randomUUID().toString()); 7         role.setRoleName(roleName); 8         role.setRoleCre(roleCre); 9         //创建信息10         HttpSession session = request.getSession();11         User user = (User) session.getAttribute("user");12         role.setTransPerson(user.getUserId());13         role.setCreateDate(new Timestamp(System.currentTimeMillis()));14 //        roleService.save(role);15 //        roleService.flush();16         return role;17     }
View Code

 

 

 

 

 

方式2:

前台代码:

1 $.each(checkedNodes,function(i,node){ 2                     nodeArr.push(node.id); 3                 }); 4 //数组数据 封装完成后转化为JSON字符串 5                 var nodes = JSON.stringify(nodeArr); 6                  7                 if(roleName !="" ){ 8                     $.ajax({url:"roleAdd.htmls", 9                             dataType:'json',10                             type:"post",11                             data:{12                                 "roleName" : roleName,13                                 "roleCre" : roleCre,14                                 "nodeArr" : nodes,15                             },16                             success:function(data){17                                 if(data != null){18                                     parent.page.pageSet(); 19                                 }    20                                 parent.layer.close(parent.indexRoleAdd); //获取到layer的弹出窗 关闭它  indexRoleAdd21                     }});22                 }
View Code

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

1     /** 2      * 进行添加角色的操作 3      * @return 4      */ 5     @RequestMapping("/roleAdd") 6     @ResponseBody 7     public Role roleAdd(String roleName,String roleCre,HttpServletRequest request, String nodeArr){ 8          9         Role role = new Role();10         role.setRoleId(UUID.randomUUID().toString());11         role.setRoleName(roleName);12         role.setRoleCre(roleCre);13         //创建信息14         HttpSession session = request.getSession();15         User user = (User) session.getAttribute("user");16         role.setTransPerson(user.getUserId());17         role.setCreateDate(new Timestamp(System.currentTimeMillis()));18 //        roleService.save(role);19 //        roleService.flush();20         return role;21     }
View Code

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

 

 

 

 

 

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

转载于:https://www.cnblogs.com/sxdcgaq8080/p/6084461.html

你可能感兴趣的文章
Bossies 2016:最佳开源大数据工具
查看>>
银行卡信息安全事件频发 互联网站成数据泄露"重灾区"
查看>>
云服务器 ECS 使用OpenAPI管理ECS:使用OpenAPI弹性创建ECS实例
查看>>
iOS10新特性提升安全 连接WiFi弹出提醒
查看>>
象云2.0产品发布暨国产操作系统首次入驻公有云
查看>>
一个完美DCIM应该具备的功能与价值
查看>>
《SEO的艺术(原书第2版)》——1.5 人们如何搜索
查看>>
经验贴 | 电梯监控的布线技巧
查看>>
唐山联通与丰南区政府签署“智慧城市”战略合作协议
查看>>
研究显示:广告拦截应用正在破坏互联网
查看>>
优云·小课堂 第八期:运维自动化的魅力
查看>>
稳定+性能+价格,阿里云发力ECS企业级产品
查看>>
写个软件来防止服务器网站CPU百分百
查看>>
智能城市里,“公共电话亭”的存在意味着什么?
查看>>
JVM分代垃圾回收策略的基础概念
查看>>
《交互式程序设计 第2版》一3.5 捕获简单用户交互行为
查看>>
安装操作系统需要注意的事项
查看>>
5G技术的5大猜想
查看>>
MongoDB 3.0(1):CentOS7 安装MongoDB 3.0服务
查看>>
如何重现难以重现的bug
查看>>