SpringMVC教程之json交互使用详解
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结果,方便客户端对结果进行解析。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
上一篇: timespan使用方法详解