SpingMvc與前臺 的json數據交互

json數據格式在接口中調用。html頁面比較常用,sjon格式比較簡單,解析也比較簡單,所以使用很普遍,在springgmvc中媽也支持對json數據的解析和轉換,這篇文章主要總結一下springmvc中如何和前臺交互json數據。

1.兩種交互形式

springmvc和前臺交互主要有兩種形式,如下圖所示:

可以看出,前臺傳過來的方式有兩種,一種是傳json格式的數據夠來,另一種就是在url的末尾傳不同的key/value傳過來。

針對這兩種方式,咋controller中會有不同的解析,但是在controller中返回的json格式的數據都是一樣的。下面具體分析一下springmvc是如何與前臺進行json數據交互的。

spingmvc3和springmvc4針對json交互的jar包郵區別,我用的是springmvc4,需要導入如下三個jar包

<!-- json的支持 -->
<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-annotations</artifactId>
    <version>2.1.5</version>
</dependency>


<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-core</artifactId>
    <version>2.1.5</version>
</dependency>

<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-databind</artifactId>
    <version>2.1.5</version>
</dependency>
     <dependency>  <!--這個jar包看情況加 用於將對象轉換爲JSON可能會用到-->
           <groupId>org.codehaus.jackson</groupId>
           <artifactId>jackson-mapper-asl</artifactId>
           <version>1.9.4</version>
     </dependency>

配置json轉換器

配置json轉換器有兩種方式,如果是配置了註解適配器org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter的話,需要在該適配器中配置json轉換器, 如下:

但是如果使用<mvc:annotation-driven />註解驅動的話就不用以下的配置了,默認已經配好了。建議使用這種,比較方便

<!-- 用於將對象轉換爲 JSON  -->  
<bean id="stringConverter"  
    class="org.springframework.http.converter.StringHttpMessageConverter">  
    <property name="supportedMediaTypes">  
        <list>  
            <value>text/plain;charset=UTF-8</value>  
        </list>  
    </property>  
</bean>  
<bean id="jsonConverter"   class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter"></bean>  

<bean      class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">  
    <property name="messageConverters">  
        <list>  
            <ref bean="stringConverter" />  
            <ref bean="jsonConverter" />  
        </list>  
    </property>  
</bean>

3.json交互的測試

3,1前臺傳輸的是json格式的數據

我們使用的jquery的ajax提交的json串,對輸出json結果進行解析,前臺的程序如下:

//請求時json,輸出是json

function requestJson(){

var jsonData={

"name":"手機",

“price”:"999"

};

        $.ajax({

type:'post’,

url:'${pageContext.request.contextPath}/request.action',

contextType:'application/json;charset=utf-8',//指定爲json類型

data:Json.stringify(jsonData);

success:function(data){//返回json結果

alert(data.name);

}

});

//這裏我們去看一下controlle中是如何操作的吧。、

//測試請求的是json串(商品信息),輸出json(商品信息)
//@RequestBody將請求的商品信息的json串轉成itemsCustom對象
//@ResponseBody將itemsCustom對象轉成json輸出
@RequestMapping("/requestJson")
public @ResponseBody ItemsCustom requestJson(@RequestBody ItemsCustom itemsCustom) {

    return itemsCustom; //由於@ResponseBody註解,將itemsCustom轉成json格式返回

   }   }

由於前臺傳的是name和price兩個屬性,所以在後臺就用ItemsCustom來接收了。這個類中也有這兩個屬性。重點是@RequestBody註解,它是將前臺傳夠來的json串轉換ItemsCustom成對象。然後通過@ResponseBody註解將itemsCustom對象轉換成json格式返回給前臺。這樣前臺接收了後就可以解析了。我們來看一下解析結果:

如果我們遇到http  415報錯@RequestMaping("/requestJson")改成RequestMapping(value="/requestJson",produces="application/json;charset=UTF-8") 

且測試頁面最好是http://localhost:8080/SpringMVC_Study/jsonTest.jsp 而不是直接訪問http://localhost:8080/SpringMVC_Study/requestJson.action

3.2前臺傳輸的是key/value格式的數據

我們還是使用jquery的ajax提交的key/value串,對輸出的json結果進行解析。前臺的程序如下:

//請求key/value,輸出是json   (這裏我們就不需要指定了contentType。因爲默認就是key/value類型的)
function responseJson(){

    $.ajax({
        type:'post',
        url:'${pageContext.request.contextPath }/responseJson.action',
        //請求是key/value這裏不需要指定contentType,因爲默認就 是key/value類型
        //數據格式是key/value,商品信息
        data:'name=手機&price=999',
        success:function(data){//返回json結果
            alert(data.name);
        }       
    }); 
}

因爲key/value串不是json格式的。所以controller在接收的時候就不需要@RequestBoady的註解得了。但是返回到前臺的json格式的數據耗時需要@ResponseBody註解的。如下:

//測試請求的是key/value(商品信息),輸出json(商品信息)
//@ResponseBody將itemsCustom對象轉成json輸出
@RequestMapping("/responseJson")
public @ResponseBody ItemsCustom responseJson(ItemsCustom itemsCustom) {

    return itemsCustom; //由於@ResponseBody註解,將itemsCustom轉成json格式返回
}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章