您好,登錄后才能下訂單哦!
json數(shù)據(jù)交互
1.為什么要進(jìn)行json數(shù)據(jù)交互
json數(shù)據(jù)格式在接口調(diào)用中、html頁(yè)面中較常用,json格式比較簡(jiǎn)單,解析還比較方便。
比如:webservice接口,傳輸json數(shù)據(jù).
2.springmvc進(jìn)行json交互
(1)請(qǐng)求json、輸出json,要求請(qǐng)求的是json串,所以在前端頁(yè)面中需要將請(qǐng)求的內(nèi)容轉(zhuǎn)成json,不太方便。
(2)請(qǐng)求key/value、輸出json。此方法比較常用。
3.環(huán)境準(zhǔn)備
3.1加載json轉(zhuǎn)的jar包
springmvc中使用jackson的包進(jìn)行json轉(zhuǎn)換(@requestBody和@responseBody使用下邊的包進(jìn)行json轉(zhuǎn)),如下:
jackson-core-asl-1.9.11.jar
jackson-mapper-asl-1.9.11.jar
@RequestBody作用:
@RequestBody注解用于讀取http請(qǐng)求的內(nèi)容(字符串),通過(guò)springmvc提供的HttpMessageConverter接口將讀到的內(nèi)容轉(zhuǎn)換為json、xml等格式的數(shù)據(jù)并綁定到controller方法的參數(shù)上。
本例子應(yīng)用:
@RequestBody注解實(shí)現(xiàn)接收http請(qǐng)求的json數(shù)據(jù),將json數(shù)據(jù)轉(zhuǎn)換為java對(duì)象
@ResponseBody作用:
該注解用于將Controller的方法返回的對(duì)象,通過(guò)HttpMessageConverter接口轉(zhuǎn)換為指定格式的數(shù)據(jù)如:json,xml等,通過(guò)Response響應(yīng)給客戶端
本例子應(yīng)用:
@ResponseBody注解實(shí)現(xiàn)將controller方法返回對(duì)象轉(zhuǎn)換為json響應(yīng)給客戶端
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)容。
4.json交互測(cè)試
4.1輸入json串,輸出是json串
4.1.1jsp頁(yè)面
使用jquery的ajax提交json串,對(duì)輸出的json結(jié)果進(jìn)行解析。
使用jduery別忘記引入jquery-1.4.4.min.js
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>" rel="external nofollow" rel="external nofollow" > <title>json交互測(cè)試</title> <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.4.4.min.js"></script> <script type="text/javascript"> //請(qǐng)求的是json,輸出的是json function reuqestJson(){ $.ajax({ type:'post', url:'${pageContext.request.contextPath }/requestJson.action', contentType:'application/json;charset=utf-8', //數(shù)據(jù)格式是json串,商品信息 data:'{"name":"手機(jī)","price":999}', success:function(data){//返回json結(jié)果 alert(data); } }); } </script> </head> <body> <input type="button" onclick="reuqestJson()" value="請(qǐng)求的是json,輸出的是json"/> </body> </html>
4.1.2controller
package cn.edu.hpu.ssm.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestBody; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.ResponseBody; import cn.edu.hpu.ssm.po.ItemsCustom; //json交互測(cè)試 @Controller public class JsonText { //請(qǐng)求json(商品信息),輸出json(商品信息) //@RequestBody將請(qǐng)求的商品信息的json串轉(zhuǎn)成itemsCustom對(duì)象 //@ResponseBody將itemsCustom轉(zhuǎn)成json格式輸出 @RequestMapping("/requestJson") public @ResponseBody ItemsCustom requestJson(@RequestBody ItemsCustom itemsCustom){ //@ResponseBody將itemsCustom轉(zhuǎn)成json格式輸出 return itemsCustom; } }
4.1.3測(cè)試結(jié)果
4.2輸入key/value,輸出是json串
4.2.1jsp頁(yè)面
使用jquery的ajax提交key/value串,對(duì)輸出的json結(jié)果進(jìn)行解析。
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>" rel="external nofollow" rel="external nofollow" > <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" > <title>json交互測(cè)試</title> <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.4.4.min.js"></script> <script type="text/javascript"> //請(qǐng)求是key/value,輸出是json function responseJson(){ $.ajax({ type:'post', url:'${pageContext.request.contextPath }/responseJson.action', //請(qǐng)求的是key/value,這里不需要指定contentType,因?yàn)槟J(rèn)就是key/value類型 //contentType:'application/json;charset=utf-8', //數(shù)據(jù)格式是json串,商品信息 data:'name=手機(jī)&price=999', success:function(data){//返回json結(jié)果 alert(data); } }); } </script> </head> <body> <input type="button" onclick="requestJson()" value="請(qǐng)求的是key/value,輸出的是json"/> </body> </html>
4.2.2controller
package cn.edu.hpu.ssm.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestBody; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.ResponseBody; import cn.edu.hpu.ssm.po.ItemsCustom; //json交互測(cè)試 @Controller public class JsonText { //請(qǐng)求key/value(商品信息),輸出json(商品信息) @RequestMapping("/responseJson") public @ResponseBody ItemsCustom responseJson(ItemsCustom itemsCustom){ //@ResponseBody將itemsCustom轉(zhuǎn)成json格式輸出 System.out.println("前臺(tái)傳過(guò)來(lái)得商品名:"+itemsCustom.getName()); return itemsCustom; } }
4.2.3測(cè)試
后臺(tái)控制臺(tái)輸出了"前臺(tái)傳過(guò)來(lái)的商品名:手機(jī)",且查看http數(shù)據(jù)可以看到j(luò)son數(shù)據(jù)的反饋。
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持億速云!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。