服务器之家

服务器之家 > 正文

SpringMVC教程之json交互使用详解

时间:2020-09-25 14:17     来源/作者:SIHAIloveYAN

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

标签:

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享 2020-04-07
电视剧《琉璃》全集在线观看 琉璃美人煞1-59集免费观看地址
电视剧《琉璃》全集在线观看 琉璃美人煞1-59集免费观看地址 2020-08-12
最新idea2020注册码永久激活(激活到2100年)
最新idea2020注册码永久激活(激活到2100年) 2020-07-29
返回顶部