作者微信 bishe2022

代码功能演示视频在页面下方,请先观看;如需定制开发,联系页面右侧客服
Springmvc JSON交互

Custom Tab

先上前端javascript,ajax代码

[html] 
<pre name="code" class="javascript">            function testAjaxS(){  
                $.ajax({  
        type:'post',  
        url:'material/testAjax',  
        data:'MediaId:手',  
        success:function(data){//返回json结果  
            alert("success");  
        }

对应的Spring mvc 接收代码

[java] 
@RequestMapping("/testAjax")  
public @ResponseBody WXMedia testAjax(WXMedia wxMedia){  //值得注意的地方,参数中没有@RequestBody, 
并且该POJP类必须有一个无参构造器  
        System.out.println(wxMedia);  
        return wxMedia;  
    }

第二种:

[javascript]
function testAjaxS(){  
        $.ajax({  
type:'post',  
url:'material/testAjax2',  
//json字符串必须设置  
contentType:'application/json;charset=utf-8',  
//数据格式是json字符串  
data:"{'MediaId':'手'}",  
success:function(data){//返回json结果  
    alert("success");  
}  
  
);


对应的spring mvc 接收代码

[java] 
@RequestMapping("/testAjax2")  
public @ResponseBody WXMedia testAjax2(@RequestBody WXMedia wxMedia){ //这里有RequestBody  
    System.out.println(wxMedia);  
    return wxMedia;  //返回的也会是一个json字符串,虽然方法返回值是POJO类  
}

接收JSON数组:

前端代码:

[javascript] 
function testAjaxS(){  
                $.ajax({  
        type:'post',  
        url:'material/testAjax3',  
        contentType:'application/json;charset=utf-8',  
        data:JSON.stringify([{"MediaId":"1"},{"MediaId":"2"}]),  //2个对象  
        success:function(data){//返回json结果  
            alert("success");  
        }  
          
    });

后台接收:

[java] 
@RequestMapping("/testAjax3")  
public @ResponseBody WXMedia[] testAjax3(@RequestBody WXMedia[] wxMedia){     
    System.out.println(wxMedia.length);  
    return wxMedia;  
}

总结:

@RequestBody: 接受json字符串,后面跟相应的POJO类型即可,如果是数组则打上[],不加该注解则接收普通的参数请求

@ResponseBody:以JSON格式返回POJO对象


假设有这么一个对象:

[javascript]
var obj = {  
    userId : userId,  
    xxxId : xxxId  
}

在AJAX中用:

[javascript] 
    function testAjaxS(){  
            $.ajax({  
    type:'post',  
    url:'material/testAjax2',  
    //json字符串必须设置  
    contentType:'application/json;charset=utf-8',  
    //数据格式是json字符串  
    //data:JSON.stringify(obj), // 这样会出错,发送的时候数据就会在后面多一个:,由此可得,我们只用写对象就行!  
               data: obj,  
               success:function(data){//返回json结果  
        alert("success");  
    }  
      
});

方法前加了

@ResponseBody 则方法参数中,不能直接使用对象 例如:
[java]
<pre style="background-color:#ffffff;color:#000000;font-family:'Consolas';font-size:12.0pt;">

@ResponseBody
public RespJSON<Map> listJson(Map map, Product product// 这个不行!!! @RequestParam(value = "pageNo", defaultValue = "1") Integer pageNo, @RequestParam(value = "pageSize", defaultValue = "6") Integer pageSize)


会报JSON反序列化错误

转载自:http://blog.csdn.net/tragedyxd/article/details/46894063


Home