Spring MVC应用--Ajax Json交互

Spring MVC应用–Ajax Json交互

AjaxJson交互分为两个方向
1）前端到后台：前端ajax发送json格式字符串，后台直接接收为pojo参数，使用注解@RequstBody
2）后台到前端：后台直接返回pojo对象，前端直接接收为json对象或者字符串，使用注解@ResponseBody

什么是 Json

Json是⼀种与语⾔⽆关的数据交互格式，就是⼀种字符串，只是⽤特殊符号{}内表示对象、[]内表示数组、""内是属性或值、：表示后者是前者的值

• {“name”: “Michael”}可以理解为是⼀个包含name为Michael的对象
• [{“name”: “Michael”},{“name”: “Jerry”}]就表示包含两个对象的数组

@ResponseBody注解

@responseBody注解的作用是将controller的方法返回的对象通过适当的转换器转换为指定的格式之后，写⼊到response对象的body区，通常⽤来返回JSON数据或者是XML数据。 注意：在使⽤此注解之后不会再走视图处理器，而是直接将数据写⼊到输入流中，他的效果等同于通过response对象输出指定格式的数据。

分析Spring MVC 使用 Json 交互

所需jar包

<!--json数据交互所需jar，start-->
<dependency>
 <groupId>com.fasterxml.jackson.core</groupId>
 <artifactId>jackson-core</artifactId>
 <version>2.9.0</version>
</dependency>
<dependency>
 <groupId>com.fasterxml.jackson.core</groupId>
 <artifactId>jackson-databind</artifactId>
 <version>2.9.0</version>
</dependency>
<dependency>
 <groupId>com.fasterxml.jackson.core</groupId>
 <artifactId>jackson-annotations</artifactId>
 <version>2.9.0</version>
</dependency>
<!--json数据交互所需jar，end-->

示例代码

前端jsp页面及js代码

<div>
 <h2>Ajax json交互</h2>
 <fieldset>
 <input type="button" id="ajaxBtn" value="ajax提交"/>
 </fieldset>
</div>

$(function () {
 $("#ajaxBtn").bind("click",function () {
 // 发送ajax请求
 $.ajax({
	 url: '/demo/handle07',
	 type: 'POST',
	 data: '{"id":"1","name":"李四"}',
	 contentType: 'application/json;charset=utf-8',
	 dataType: 'json',
	 success: function (data) {
 				alert(data.name);
 			}
 		})
 	})
})

后台Handler方法

@RequestMapping("/handle07")
// 添加@ResponseBody之后，不再⾛视图解析器那个流程，⽽是等同于response直接输出数据
public @ResponseBody User handle07(@RequestBody User user) {
	 // 业务逻辑处理，修改name为张三丰
	 user.setName("张三丰");
	 return user;
}