Springmvc JSON交互

标签：javaee   json   springmvc   ajax   

先上前端javascript，ajax代码

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

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

	@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对象

Springmvc JSON交互

标签：javaee   json   springmvc   ajax   

原文地址：http://blog.csdn.net/tragedyxd/article/details/46894063