json数据交互
1.1 @RequestBody
作用:@RequestBody注解用于读取http请求的内容(字符串),通过springmvc提供的HttpMessageConverter接口将读到的内容转换为json、xml等格式的数据并绑定到controller方法的参数上。
本例子应用:@RequestBody注解实现接收http请求的json数据,将json数据转换为Java对象
1.2 @ResponseBody
作用:该注解用于将Controller的方法返回的对象,通过HttpMessageConverter接口转换为指定格式的数据如:json,xml等,通过Response响应给客户端
本例子应用:@ResponseBody注解实现将controller方法返回对象转换为json响应给客户端
1.3 请求json,响应json实现:
1.3.1 环境准备
Springmvc默认用MappingJacksonHttpMessageConverter对json数据进行转换,需要加入jackson的包,如下:
1.3.2 配置json转换器
在注解适配器中加入messageConverters
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<!--注解适配器 --> < bean class = "org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter" > < property name = "messageConverters" > < list > < bean class = "org.springframework.http.converter.json.MappingJacksonHttpMessageConverter" ></ bean > </ list > </ property > </ bean > |
注意:如果使用<mvc:annotation-driven /> 则不用定义上边的内容。
1.3.3 controller编写
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
// 商品修改提交json信息,响应json信息 @RequestMapping ( "/editItemSubmit_RequestJson" ) public @ResponseBody Items editItemSubmit_RequestJson( @RequestBody Items items) throws Exception { System.out.println(items); //itemService.saveItem(items); return items; } |
1.3.4 页面js方法编写:
引入 js:
1
2
|
<script type= "text/JavaScript" src= "${pageContext.request.contextPath }/js/jQuery-1.4.4.min.js" ></script> |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
//请求json响应json function request_json(){ $.ajax({ type: "post" , url: "${pageContext.request.contextPath }/item/editItemSubmit_RequestJson.action" , contentType: "application/json;charset=utf-8" , data: '{"name":"测试商品","price":99.9}' , success: function (data){ alert(data); } }); } |
1.4 Form提交,响应json实现:
采用form提交是最常用的作法,通常有post和get两种方法,响应json数据是为了方便客户端处理,实现如下:
1.4.1 环境准备
同第一个例子
1.4.2 controller编写
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
// 商品修改提交,提交普通form表单数据,响应json @RequestMapping ( "/editItemSubmit_ResponseJson" ) public @ResponseBody Items editItemSubmit_ResponseJson(Items items) throws Exception { System.out.println(items); //itemService.saveItem(items); return items; } |
1.4.3 页面js方法编写:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
function formsubmit(){ var user = " name=测试商品&price=99.9" ; alert(user); $.ajax( { type: 'post' , //这里改为get也可以正常执行 url: '${pageContext.request.contextPath}/item/ editItemSubmit_RequestJson.action' , //ContentType没指定将默认为:application/x-www-form-urlencoded data:user, success: function (data){ alert(data.name); } } ) } |
从上边的js代码看出,已去掉ContentType的定义,ContentType默认为:application/x-www-form-urlencoded格式。
1.4.4 jquery的form插件插件
针对上边第二种方法,可以使用jquery的form插件提交form表单,实现ajax提交form表单,如下:
引用js:
1
2
3
4
|
<script type= "text/javascript" src= "${pageContext.request.contextPath }/js/jquery-1.4.4.min.js" ></script> <script type= "text/javascript" src= "${pageContext.request.contextPath }/js/jquery.form.min.js" ></script> |
js方法如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
function response_json() { //form对象 var formObj = $( "#itemForm" ); //执行ajax提交 formObj.ajaxSubmit({ dataType : "json" , //设置预期服务端返回json success : function (responseText) { alert(responseText); } }); } |
1.4.5 小结
实际开发中常用第二种方法,请求key/value数据,响应json结果,方便客户端对结果进行解析。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。
原文链接:http://blog.csdn.net/sihai12345/article/details/70254720