springmvc實現json交互 -requestBody和responseBody


json數據交互

1.為什么要進行json數據交互

json數據格式在接口調用中、html頁面中較常用,json格式比較簡單,解析還比較方便。

比如:webservice接口,傳輸json數據.

2.springmvc進行json交互



(1)請求json、輸出json,要求請求的是json串,所以在前端頁面中需要將請求的內容轉成json,不太方便。

(2)請求key/value、輸出json。此方法比較常用。

3.環境准備

3.1加載json轉的jar包

springmvc中使用jackson的包進行json轉換(@requestBody和@responseBody使用下邊的包進行json轉),如下:

jackson-core-asl-1.9.11.jar

jackson-mapper-asl-1.9.11.jar

@RequestBody作用:

@RequestBody注解用於讀取http請求的內容(字符串),通過springmvc提供的HttpMessageConverter接口將讀到的內容轉換為json、xml等格式的數據並綁定到controller方法的參數上。

本例子應用:

@RequestBody注解實現接收http請求的json數據,將json數據轉換為java對象

@ResponseBody作用:

該注解用於將Controller的方法返回的對象,通過HttpMessageConverter接口轉換為指定格式的數據如:json,xml等,通過Response響應給客戶端

本例子應用:

@ResponseBody注解實現將controller方法返回對象轉換為json響應給客戶端

3.2配置json轉換器

在注解適配器中加入messageConverters

[html] view plaincopy
 
  1. <!--注解適配器 -->  
  2.     <bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter">  
  3.         <property name="messageConverters">  
  4.         <list>  
  5.         <bean class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter"></bean>  
  6.         </list>  
  7.         </property>  
  8.     </bean>  



注意:如果使用<mvc:annotation-driven /> 則不用定義上邊的內容。

4.json交互測試

4.1輸入json串,輸出是json串

4.1.1jsp頁面

使用jquery的ajax提交json串,對輸出的json結果進行解析。

使用jduery別忘記引入jquery-1.4.4.min.js

[html] view plaincopy
 
  1. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>  
  2. <%  
  3. String path = request.getContextPath();  
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
  5. %>  
  6.   
  7. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  8. <html>  
  9.   <head>  
  10.     <base href="<%=basePath%>">  
  11.       
  12.     <title>json交互測試</title>  
  13.     <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.4.4.min.js"></script>  
  14.     <script type="text/javascript">  
  15.         //請求的是json,輸出的是json  
  16.         function reuqestJson(){  
  17.             $.ajax({  
  18.                 type:'post',  
  19.                 url:'${pageContext.request.contextPath }/requestJson.action',  
  20.                 contentType:'application/json;charset=utf-8',     
  21.                 //數據格式是json串,商品信息  
  22.                 data:'{"name":"手機","price":999}',  
  23.                 success:function(data){//返回json結果  
  24.                     alert(data);  
  25.                 }   
  26.             });  
  27.         }  
  28.     </script>  
  29.   
  30.   </head>  
  31.     
  32.   <body>  
  33.     <input type="button" onclick="reuqestJson()"  value="請求的是json,輸出的是json"/>  
  34.   </body>  
  35. </html>  



4.1.2controller

[java] view plaincopy
 
  1. package cn.edu.hpu.ssm.controller;  
  2.   
  3. import org.springframework.stereotype.Controller;  
  4. import org.springframework.web.bind.annotation.RequestBody;  
  5. import org.springframework.web.bind.annotation.RequestMapping;  
  6. import org.springframework.web.bind.annotation.ResponseBody;  
  7.   
  8. import cn.edu.hpu.ssm.po.ItemsCustom;  
  9.   
  10. //json交互測試  
  11. @Controller  
  12. public class JsonText {  
  13.       
  14.     //請求json(商品信息),輸出json(商品信息)  
  15.     //@RequestBody將請求的商品信息的json串轉成itemsCustom對象  
  16.     //@ResponseBody將itemsCustom轉成json格式輸出  
  17.     @RequestMapping("/requestJson")  
  18.     public @ResponseBody ItemsCustom requestJson(@RequestBody ItemsCustom itemsCustom){  
  19.           
  20.         //@ResponseBody將itemsCustom轉成json格式輸出  
  21.         return itemsCustom;  
  22.     }  
  23. }  



4.1.3測試結果



4.2輸入key/value,輸出是json串

4.2.1jsp頁面

使用jquery的ajax提交key/value串,對輸出的json結果進行解析。

[html] view plaincopy
 
  1. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>  
  2. <%  
  3. String path = request.getContextPath();  
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
  5. %>  
  6.   
  7. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  8. <html>  
  9.   <head>  
  10.     <base href="<%=basePath%>">  
  11.     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" >  
  12.     <title>json交互測試</title>  
  13.     <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.4.4.min.js"></script>  
  14.     <script type="text/javascript">  
  15.         //請求是key/value,輸出是json  
  16.         function responseJson(){  
  17.             $.ajax({  
  18.                     type:'post',  
  19.                     url:'${pageContext.request.contextPath }/responseJson.action',    
  20.                     //請求的是key/value,這里不需要指定contentType,因為默認就是key/value類型  
  21.                     //contentType:'application/json;charset=utf-8',   
  22.                     //數據格式是json串,商品信息  
  23.                     data:'name=手機&price=999',  
  24.                     success:function(data){//返回json結果  
  25.                         alert(data);  
  26.                     }   
  27.                 });  
  28.         }  
  29.     </script>  
  30.   
  31.   </head>  
  32.     
  33.   <body>  
  34.     <input type="button" onclick="requestJson()" value="請求的是key/value,輸出的是json"/>  
  35.   </body>  
  36. </html>  



4.2.2controller

[java] view plaincopy
 
  1. package cn.edu.hpu.ssm.controller;  
  2.   
  3. import org.springframework.stereotype.Controller;  
  4. import org.springframework.web.bind.annotation.RequestBody;  
  5. import org.springframework.web.bind.annotation.RequestMapping;  
  6. import org.springframework.web.bind.annotation.ResponseBody;  
  7.   
  8. import cn.edu.hpu.ssm.po.ItemsCustom;  
  9.   
  10. //json交互測試  
  11. @Controller  
  12. public class JsonText {  
  13.       
  14.     //請求key/value(商品信息),輸出json(商品信息)  
  15.     @RequestMapping("/responseJson")  
  16.     public @ResponseBody ItemsCustom responseJson(ItemsCustom itemsCustom){  
  17.           
  18.         //@ResponseBody將itemsCustom轉成json格式輸出  
  19.         System.out.println("前台傳過來得商品名:"+itemsCustom.getName());  
  20.         return itemsCustom;  
  21.     }  
  22. }  



4.2.3測試

后台控制台輸出了"前台傳過來的商品名:手機",且查看http數據可以看到json數據的反饋。

轉載請注明出處:http://www.lai18.com/content/505491.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM