SpringMVC教程之json交互使用詳解

更新時間：2017年05月06日 16:43:56 作者：SIHAIloveYAN

本篇文章主要介紹了SpringMVC教程之json使用詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

json數(shù)據(jù)交互

1.1 @RequestBody

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

本例子應用：@RequestBody注解實現(xiàn)接收http請求的json數(shù)據(jù)，將json數(shù)據(jù)轉換為Java對象

1.2 @ResponseBody

作用：該注解用于將Controller的方法返回的對象，通過HttpMessageConverter接口轉換為指定格式的數(shù)據(jù)如：json,xml等，通過Response響應給客戶端

本例子應用：@ResponseBody注解實現(xiàn)將controller方法返回對象轉換為json響應給客戶端

1.3 請求json，響應json實現(xiàn)：

1.3.1 環(huán)境準備

Springmvc默認用MappingJacksonHttpMessageConverter對json數(shù)據(jù)進行轉換，需要加入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實現(xiàn)：

采用form提交是最常用的作法，通常有post和get兩種方法，響應json數(shù)據(jù)是為了方便客戶端處理，實現(xiàn)如下：

1.4.1 環(huán)境準備

同第一個例子

1.4.2 controller編寫

// 商品修改提交，提交普通form表單數(shù)據(jù)，響應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也可以正常執(zhí)行 
 
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表單，實現(xiàn)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"); 
 
//執(zhí)行ajax提交 
 
formObj.ajaxSubmit({ 
 
dataType : "json",//設置預期服務端返回json 
 
success : function(responseText) { 
 
alert(responseText); 
 
} 
 
}); 
 
}

1.4.5 小結

實際開發(fā)中常用第二種方法，請求key/value數(shù)據(jù)，響應json結果，方便客戶端對結果進行解析。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: