springMVC通过ajax传递参数list对象或传递数组对象到后台

环境:

  • 前台传递参数到后台
  • 前台使用ajax
  • 后台使用springMVC
  • 传递的参数是N多个对象

JSON对象和JSON字符串

  1. SpringMVC环境中,@RequestBody接收的是一个Json对象的字符串,而不是一个Json对象。然而在ajax请求往往传的都是Json对象,用 JSON.stringify(data)的方式就能将对象变成字符串。同时ajax请求的时候也要指定dataType: "json",contentType:"application/json" 这样就可以轻易的将一个对象或者List传到Java端!

Content-Type

  1. 服务器为什么会对表单提交和文件上传做特殊处理,因为表单提交数据是名值对的方式,且Content-Typeapplication/x-www-form-urlencoded,而文件上传服务器需要特殊处理,普通的post请求(Content-Type不是application/x-www-form-urlencoded)数据格式不固定,不一定是名值对的方式,所以服务器无法知道具体的处理方式,所以只能通过获取原始数据流的方式来进行解析。
  2. jquery在执行post请求时,会设置Content-Typeapplication/x-www-form-urlencoded,所以服务器能够正确解析,而使用原生ajax请求时,如果不显示的设置Content-Type,那么默认是text/plain,这时服务器就不知道怎么解析数据了,所以才只能通过获取原始数据流的方式来进行解析请求数据。

第一种方式 传递的参数Bean

  1. jsp文件:
  2. $("#saveuddd").click(function(){
  3. var saveDataAry=[];
  4. var data1={"name":"test","password":"gz"};
  5. var data2={"name":"ququ","password":"gr"};
  6. saveDataAry.push(data1);
  7. saveDataAry.push(data2);
  8. $.ajax({
  9. type:"POST",
  10. url: basePath + "/user/saveUser",
  11. dataType:"json",
  12. contentType:"application/json", // 指定这个协议很重要
  13. data:JSON.stringify(saveDataAry), //只有这一个参数,json格式,后台解析为实体,后台可以直接用
  14. success:function(data){
  15. }
  16. });
  17. })
  18. java文件
  19. @RequestMapping(value = "saveUser", method = {RequestMethod.POST })
  20. @ResponseBody
  21. public void saveu( @RequestBody List<User> users ){ //此时的user是map数据,并没有解析为bean // 不建议使用
  22. System.out.println(users) ;
  23. }
  24. 使用如下方法,可以使用bean
  25. @RequestMapping(value = "saveUser", method = {RequestMethod.POST })
  26. @ResponseBody
  27. public void saveu( @RequestBody User[] users ){
  28. System.out.println(users.getName()) ; // 此时的user是实体bean
  29. }

第二种方式 传递的键值对

  1. jsp同上
  2. 另外一种:
  3. @RequestMapping(value = "saveUser", method = {RequestMethod.POST })
  4. @ResponseBody
  5. public void saveu( @RequestBody List<Map<String,String>> users ){ // spring MVC只能解析外层的json格式,内部的bean转化为Map格式的键值对,需要对map解析
  6. List<User> userList = new ArrayList<User>();
  7. for(Map<String,String> map : users){
  8. User u = new User();
  9. u.setName(map.get("name"));
  10. u.setPassword(map.get("password"));
  11. userList.add(u);
  12. }
  13. // 这里就可以使用 userList 了
  14. }

第三种方式

能够传递多个参数,但是每一个参数都是字符串(bean类型的数据会转化为JSON格式的字符串)

  1. jsp文件
  2. $("#saveuddd").click(function(){
  3. var saveDataAry=[];
  4. var data1={"name":"test","password":"gz"};
  5. var data2={"name":"ququ","password":"gr"};
  6. saveDataAry.push(data1);
  7. saveDataAry.push(data2);
  8. $.ajax({
  9. type:"POST",
  10. url: basePath + "/user/saveUser",
  11. dataType:"json",
  12. data:{users:JSON.stringify(saveDataAry),aa:"ddd"},
  13. // 可以传递多个参数,但此时的users内容与另外一个参数:aa 的内容一起传递,所以后台解析为字符串
  14. // 后台接收的users内容:[{"name":"test","password":"gz"},{"name":"ququ","password":"gr"}]
  15. // 后台接收的 aa 内容:"ddd"
  16. success:function(data){
  17. }
  18. });
  19. })
  20. java文件
  21. @RequestMapping(value = "saveUser", method = {RequestMethod.POST })
  22. @ResponseBody
  23. public void saveu( String users , String aa ){
  24. System.out.println(users) ;
  25. }

以上是自己整理思考而来,如愿意打赏,请微信扫描,金额随意~~

springMVC通过ajax传递参数list对象或传递数组对象到后台的更多相关文章

  1. [Effective JavaScript 笔记]第58条:区分数组对象和类数组对象

    示例 设想有两个不同类的API.第一个是位向量:有序的位集合 var bits=new BitVector(); bits.enable(4); bits.enable([1,3,8,17]); bi ...

  2. 简述JavaScript对象、数组对象与类数组对象

    问题引出 在上图给出的文档中,用JavaScript获取那个a标签,要用什么办法呢?相信第一反应一定是使用document.getElementsByTagName('a')[0]来获取.同样的,在使 ...

  3. js之数组,对象,类数组对象

    许久不写了,实在是不知道写点什么,正好最近有个同事问了个问题,关于数组,对象和类数组的,仔细说起来都是基础,其实都没什么好讲的,不过看到还是有很多朋友有些迷糊,这里就简单对于定义以及一下相同点,不同点 ...

  4. Java调用函数传递参数到底是值传递还是引用传递

    今天翻看微信上有关Java技术的公众号时,看到了一篇关于Java中值传递的问题,文章讨论了在Java中调用函数进行传参的时候到底是值传递还是引用传递这个面试时会问到的问题.之前也接触过类似的问题,但只 ...

  5. jquery解析php通过ajax传过来的json二维数组对象

    ajax获得php传过来的json二维数组对象,jquery解析 php代码: <?php $news = array( '武汉'=>array(1,2,3), '广州'=>arra ...

  6. Javascript进阶篇——( JavaScript内置对象---下)--Array数组对象---笔记整理

    Array 数组对象数组对象是一个对象的集合,里边的对象可以是不同类型的.数组的每一个成员对象都有一个“下标”,用来表示它在数组中的位置,是从零开始的数组定义的方法: 1. 定义了一个空数组: var ...

  7. JavaScript 常用内置对象(字符串属性、Math对象、Array数组对象)

    1.字符串属性   <script>   var test_var = "I Iove you"; console.log(test_var.charAt(3)) // ...

  8. 类数组对象arguments 和 数组对象

    arguments并不是一个真正的数组,而是一个“类似数组(array-like)”的对象: 就像下面的这段输出,就是典型的类数组对象: {0:12, 1:23} 一.类数组 VS 数组 相同点: 都 ...

  9. JavaScript 浅析数组对象与类数组对象

    数组(Array对象) 数组的操作 创建数组方法 添加与修改数组元素 删除数组元素 使用数组元素 遍历数组元素 多维数组 数组相关的函数 concat() join() pop() push() sh ...

  10. js遍历数组对象和非数组对象

    //---------for用来遍历数组对象 var i,myArr = ["a","b","c"]; ; i < myArr.len ...

随机推荐

  1. 如何调试Blink?

    内容 尽管有很多工具和技巧可用于调试Blink,这个文章的重点调试Blink除布局測试之外的feature. 1 介绍 2 Linux 2.1 入门 2.2 启动Debugger 3 实用的工具 3. ...

  2. linux添加开机启动项的方法介绍

    使用chkconfig命令可以查看在不同启动级别下课自动启动的服务(或是程序),命令格式如下:chkconfig --list可能输出如下:openvpn 0:关闭 1:开启 ...... 6:关闭 ...

  3. Android使用token维持登陆状态的方法

    什么是token token(令牌)是一串唯一的字符串,通常由服务端生成,在注册完成时返回给客户端,用来标识此用户,客户端将此字符串存储在本地.在以后的网络请求时,客户端先查询本地的token,如果有 ...

  4. excel导入数据的

    .aspx 文件 <form id="form1" runat="server"> <div> <asp:FileUpload I ...

  5. Python正则表达式的简单应用和示例演示

    前一阵子小编给大家连续分享了十篇关于Python正则表达式基础的文章,感兴趣的小伙伴可以点击链接进去查看.今天小编给大家分享的是Python正则表达式的简单应用和示例演示,将前面学习的Python正则 ...

  6. 用vuex构建单页

    原文地址:点我 前言:在最近学习 Vue.js 的时候,看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记的单页应用的文章.感觉收获挺多,自己在它的例子的基础上进行了一些优化和 ...

  7. 学习《SQL必知必会(第4版)》中文PDF+英文PDF+代码++福达BenForta(作者)

    不管是数据分析还是Web程序开发,都会接触到数据库,SQL语法简洁,使用方式灵活,功能强大,已经成为当今程序员不可或缺的技能. 推荐学习<SQL必知必会(第4版)>,内容丰富,文字简洁明快 ...

  8. 測试password强度

    <html> <!--激情在最后面.请看最后面红色字 这是是个计算password强度的实例 网上有非常多这种样例 只是呢,都不怎么好 这是我写的一个完整的效果,能够通用, new一 ...

  9. js---14公有私有成员方法

    var ns1 = {}; //命名空间 ns1.ns11 = {};//子命名空间 ns1.module1 = {name:"a",m:function(){}}; consol ...

  10. modSecurity规则学习(一)——配置文件

    环境:modSecurity3.0,nignx1.13.8 modSecurity配置文件 1.nginx.conf server { listen ; modsecurity on; //启动mod ...