快捷導(dǎo)航

SpringMVC教程之json交互使用詳解

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

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

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

1.1 @RequestBody

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

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

1.2 @ResponseBody

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

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

1.3 請求json，響應(yīng)json實(shí)現(xiàn)：

1.3.1 環(huán)境準(zhǔn)備

Springmvc默認(rèn)用MappingJacksonHttpMessageConverter對json數(shù)據(jù)進(jìn)行轉(zhuǎn)換，需要加入jackson的包，如下：

1.3.2 配置json轉(zhuǎn)換器

在注解適配器中加入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 /> 則不用定義上邊的內(nèi)容。

1.3.3 controller編寫

// 商品修改提交json信息，響應(yīng)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響應(yīng)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提交，響應(yīng)json實(shí)現(xiàn)：

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

1.4.1 環(huán)境準(zhǔn)備

同第一個(gè)例子

1.4.2 controller編寫

// 商品修改提交，提交普通form表單數(shù)據(jù)，響應(yīng)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沒指定將默認(rèn)為：application/x-www-form-urlencoded 
 
data:user, 
 
success:function(data){ 
 
alert(data.name); 
 
} 
 
} 
 
) 
 
}

從上邊的js代碼看出，已去掉ContentType的定義，ContentType默認(rèn)為：application/x-www-form-urlencoded格式。

1.4.4 jquery的form插件插件

針對上邊第二種方法，可以使用jquery的form插件提交form表單，實(shí)現(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",//設(shè)置預(yù)期服務(wù)端返回json 
 
success : function(responseText) { 
 
alert(responseText); 
 
} 
 
}); 
 
}

1.4.5 小結(jié)

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

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: