zoukankan      html  css  js  c++  java
  • Springmvc JSON交互

    先上前端javascript。ajax代码

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


    
    相应的Spring mvc 接收代码
    

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

    另外一种:

    		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 接收代码

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

    接收JSON数组:

    前端代码:

    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");
    		}
    		
    	});

    后台接收:

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

    总结:

    @RequestBody: 接受json字符串。后面跟对应的POJO类型就可以,假设是数组则打上[],不加该注解则接收普通的參数请求

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


    /* **************************2015年11月24日 11:59:13 ************************** */


    如果有这么一个对象:

                var obj = {
                    userId : userId,
                    xxxId : xxxId
                }
    在AJAX中用:

    		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"); } });


    /* ************************** 2016年3月14日 12:06:03 ************************** */

    方法前加了

    @ResponseBody 则方法參数中。不能直接使用对象 比如:
    

    <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反序列化错误

  • 相关阅读:
    OpenWrt/LEDE 没有slabtop命令
    OpenWrt/LEDE 没有/proc/slabinfo文件
    泰坦陨落2 origin安装时vc++runtime没有安装成功错误
    OpenWrt/LEDE中使用qt库
    椭圆曲线加密(ECC):域和离散对数
    batman-adv使用中修改一跳惩罚,batctl无法修改hop_penalty
    VMnet8设置ping通外网
    支持自动水平拆分的高性能分布式数据库TDSQL
    cronsun是替换 crontab 一个不错的选择
    MySQL 的 20+ 条最佳实践
  • 原文地址:https://www.cnblogs.com/yfceshi/p/6963130.html
Copyright © 2011-2022 走看看