Springmvc JSON交互

页面导航:首页 > 网络编程 > JavaScript > Springmvc JSON交互

Springmvc JSON交互

来源: 作者: 时间:2016-01-22 08:40 【

先上前端javascript,ajax代码function testAjaxS(){ $ ajax({ type: 39;post 39;, url: 39;material testAjax 39;, data: 39;MediaId=手 39;, success:function(data){ 返回json结果 alert(

先上前端javascript,ajax代码

 


function testAjaxS(){ $.ajax({ type:'post', url:'material/testAjax', data:'MediaId=手', success:function(data){//返回json结果 alert(success); }


 


对应的Spring m 接收代码

 

 

	@RequestMapping(/testAjax)
	public @ResponseBody WXMedia testAjax(WXMedia wxMedia){  //值得注意的地方,[email protected], 并且该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对象

 

Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<