欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

SpringMVC教程之json交互使用详解

程序员文章站 2024-02-23 08:34:07
json数据交互 1.1 @requestbody 作用:@requestbody注解用于读取http请求的内容(字符串),通过springmvc提供的http...

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

<!--注解适配器 --> 
 
<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编写

// 商品修改提交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:

<script type="text/javascript"
src="${pagecontext.request.contextpath }/js/jquery-1.4.4.min.js"></script>
//请求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编写

// 商品修改提交,提交普通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方法编写:

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:

<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方法如下:

function response_json() { 
 
//form对象 
 
var formobj = $("#itemform"); 
 
//执行ajax提交 
 
formobj.ajaxsubmit({ 
 
datatype : "json",//设置预期服务端返回json 
 
success : function(responsetext) { 
 
alert(responsetext); 
 
} 
 
}); 
 
} 

1.4.5 小结

实际开发中常用第二种方法,请求key/value数据,响应json结果,方便客户端对结果进行解析。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。