jquery ajax向spring mvc controller中传值并接受及解析返回值

第一种传值：

controller中是几个单独的基本类型参数

Spring MVC-controller

[java] view plain copy

1. @RequestMapping("update")  
2. @ResponseBody//此注解不能省略 否则ajax无法接受返回值  
3. public Map<String,Object> update(Long num, Long id, BigDecimal amount){  
4.       
5.     Map<String,Object> resultMap = new HashMap<String, Object>();  
6.     if(num == null || id == null || amount == null){  
7.         resultMap.put("result", "参数不合法！");  
8.         return resultMap;  
9.     }  
10.     //xxx逻辑处理  
11.     resultMap.put("result", "操作成功");  
12.     return resultMap;  
13. }  

jquery ajax

[java] view plain copy

1. var params = {};  
2.     //params.XX必须与Spring Mvc controller中的参数名称一致    
3.     //否则在controller中使用@RequestParam绑定  
4.     params.num = num;  
5.     params.id = id;  
6.     params.amount = amount;  
7.     $.ajax({  
8.         async:false,  
9.         type: "POST",  
10.         url: "price/update",//注意路径  
11.         data:params,  
12.         dataType:"json",  
13.         success:function(data){  
14.             if(data.result=='SUCCESS'){  
15.                 alert("修改成功");  
16.             }else{  
17.                 alert("修改失败，失败原因【" + data + "】");  
18.             }  
19.         },  
20.         error:function(data){  
21.             alert(data.result);  
22.         }  
23.     });  

第二种传值：

controller中是参数是实体bean，bean中属性都是基本数据类型

Spring MVC-controller

[java] view plain copy

1. @RequestMapping("add")  
2.     @ResponseBody//此处不能省略 否则ajax无法解析返回值  
3.     public Map<String,Object> add(DataVo dataVo){  
4.         Map<String, Object> result = null;  
5.         if(dataVo.getNum() == null || StringUtils.isBlank(dataVo.geId())){  
6.             result = new HashMap<String, Object>();  
7.             result.put("msg", "参数不合法！");  
8.             return result;  
9.         }  
10.         //xxx业务逻辑处理  
11.           
12.         return result;  
13.     }  

实体bean DataVo

[java] view plain copy

1. public class DataVo {  
2.     /** 
3.      * 编号 
4.      */  
5.     private Long num;  
6.     /** 
7.      * id 
8.      */  
9.     private String id;  
10.       
11.     public Long getNum() {  
12.         return num;  
13.     }  
14.     public void setNum(Long num) {  
15.         this.num = num;  
16.     }  
17.     public String getId() {  
18.         return id;  
19.     }  
20.     public void setId(String id) {  
21.         this.id = id;  
22.     }  
23. }  

jquery ajax

[java] view plain copy

1. var params = {};  
2.                 params.num = $("#num").val();  
3.                 params.id = $("#id").val();//注意params.名称  名称与实体bean中名称一致  
4.                 $.ajax({  
5.                        type: "POST",  
6.                        url: "price/add",  
7.                        data:params,  
8.                        dataType:"json",  
9. //                     contentType: "application/json; charset=utf-8",//此处不能设置，否则后台无法接值  
10.                        success:function(data){  
11.                            if(data.msg != ""){  
12.                               alert( data.msg );  
13.                            }  
14.                        },  
15.                        error:function(data){  
16.                            alert("出现异常，异常原因【" + data + "】!");    
17.                        }  
18.                     });   
19.       

第三种传值：

controller中是参数是实体bean，bean中属性有数组

Spring MVC-controller

[java] view plain copy

1. @RequestMapping("add")  
2. @ResponseBody//此处不能省略 否则ajax无法解析返回值  
3. public Map<String,Object> add(@RequestBody DataVo dataVo){//@RequestBody注解不能省略，否则无法接值  
4.     Map<String,Object> resultMap = new HashMap<String, Object>();  
5.     //业务逻辑处理  
6.     return resultMap;  
7. }  

实体 DataVo

[java] view plain copy

1. public class DataVo {  
2.   
3.      
4.     private BigDecimal[] nums;  
5.     private String id;  
6.   
7.     public Long getId() {  
8.         return id;  
9.     }  
10.   
11.     public void setId(Long id) {  
12.         this.id = id;  
13.     }  
14.   
15.     public BigDecimal[] getNums() {  
16.         return nums;  
17.     }  
18.   
19.     public void setNums(BigDecimal[] nums) {  
20.         this.nums = nums;  
21.     }  
22.   
23. }  

jquery ajax  需要jquery json的插件  进行json序列化，我这里使用了json.js

且配置

datatype:"json",  

contentType: "application/json; charset=utf-8",

[java] view plain copy

1. var params = {};  
2. params.nums = [];  
3. params.id = $("#id").val();//parmas.参数名 注意与实体bean参数名称相同  
4. var prices = document.getElementsByName("prices");//prices 是name="prices"一组input标签  
5. for (var i = 0; i < prices.length; i++) {  
6.     params.nums[i] =  prices[i].value;  
7. }   
8. $.ajax({   
9.     type: "POST",   
10.     url: "price/add",   
11.     data:JSON.stringify(params),//json序列化   
12.     datatype:"json", //此处不能省略   
13.     contentType: "application/json; charset=utf-8",//此处不能省略   
14.     success:function(data){   
15.         alert(data);   
16.     },   
17.     error:function(data){  
18.         alert(data)  
19.     }   
20. }); 
    

最近因为工作的需要，在写一个基于springmvc+spring+mybatis的项目，其中涉及用ajax向controller发送数据的功能。因为不想使用spring的form标签，所以想看看有没有方法将ajax中的json数据直接转化为controller方法中的对象接收并处理。以下将逐渐介绍各种不同情况下传递json数据并封装的方法，下面话不多说，一起来看看详细的介绍：

基础类型

如果传递的json数据为基础类型（Int，String等）的话，则只需要用@RequestParam标注方法中的参数就行了。

ajax代码

?

1 2 3 4 5 6 7 8 9

$.ajax({   url : "someurl" ,   type : "POST" ,   dataType : "JSON" ,   data : { "name" : "test" , "password" : "testpassword" },   success : function (data) {    console.log(data)   } })

java代码

?

1 2 3 4

@RequestMapping ( "someurl" ) public @ResponseBody SomeData basicType( @RequestParam String name, @RequestParam String password){   //具体方法 }

在这里@ResponseBody说明返回的是一个对象。@RequestParam的用法还很多，具体可以去参考springmvc的文档

简单的对象类型

简单的对象类型是指，在对象中不包含复杂的数据结构类似于list，map等。在这里可以使用标签@ModelAttribute来直接将JSON数据封装成对象。

假设我们有一个用户对象，用户的属性包括name，age

?

1 2 3 4 5

public class User{   private String name;   private int age;   //getters and setters }

ajax传输的数据如下

?

1 2 3 4 5 6 7 8 9 10 11 12

$.ajax({   url : "someurl" ,   type : "POST" ,   dataType : "JSON" ,   data : {    'name : ' test ',    ' age' : 10   },   success : function (data) {    console.log(data)   } })

controller中的代码如下

?

1 2 3 4

@RequestMapping ( "someurl" ) public @ResponseBody SomeData objects( @ModelAttribute User user){ //具体方法 }

springmvc 暂时不支持接收并生成多个modelAttribute

数组类型

有些情况下，可能需要传递一组相同类型的数据，比如添加一组用户的信息。这是可以通过ajax传递一个数组给controller方法。具体情况可以参考这个回答

这个回答给的非常的详细具体，需要补充的是，接收端的数据结构无论是List<T>或是T[]都可以成功获得数组数据。

复杂的对象

但是上面的方法有一个问题，就是只能接收纯数组数据。假设一个对象，比如用户，该用户下的属性除了包含name(名称)，age（年龄）之外，还有一个联系方式属性contacts（List<String>） ，如何才能将既包含基本类型又包含数组类型的JSON数据直接封装成对象呢？这里就需要标签@RequestBody

ajax代码如下，需要注意的是，这里需要用JSON.stringfy()方法将json数据转化成字符流，添加至requestbody中。且在ajax方法中必须指明contentType和dataType属性。

?

1 2 3 4 5 6 7

public class User{   private String name;   private int age;   private List<String> contacts;   //或是 private String[] contacts;   //getters and setters }

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

$.ajax({   var user = {    'name' : 'test' ,    'age ' : 10,    'contacts' : [ '12313' , '123213123' ]   }   url : "someurl" ,   type : "POST" ,   dataType : "JSON" ,   contentType: "application/json" ,   data : JSON.stringify(user),   success : function (data) {    console.log(data)   } })

java代码如下

?

1 2 3 4

@RequestMapping ( "someurl" ) public @ResponseBody SomeData complicateObject( @RequestBody User user){   //方法详情 }

总结