這里總結(jié)已實(shí)驗(yàn)的兩種后臺(tái)與前端傳json格式數(shù)據(jù)的方法,后續(xù)有別的方法再做補(bǔ)充。
情景:我想在數(shù)據(jù)庫查詢相關(guān)數(shù)據(jù),這些數(shù)據(jù)在前端需要用到j(luò)son格式,所以想通過servlet返回json格式的數(shù)據(jù),讓jsp頁面可以直接拿到。
1、利用MappingJacksonJsonView
什么是MappingJacksonJsonView ,看官方的API解釋:
Spring MVC View
that renders JSON content by serializing the model for the current request using Jackson 1.x's ObjectMapper
.
By default, the entire contents of the model map (with the exception of framework-specific classes) will be encoded as JSON. If the model contains only one key, you can have it extracted encoded as JSON alone via setExtractValueFromSingleKeyModel(boolean)
.
大意是:對(duì)當(dāng)前請(qǐng)求,利用Jackson的ObjectMapper將java對(duì)象轉(zhuǎn)換成json對(duì)象并用序列化模型的方法表示JSON內(nèi)容。那么我們就利用它來將需要的數(shù)據(jù)轉(zhuǎn)換成json交給前端。
先看看后臺(tái)的代碼,spring mvc的controller中代碼如下:
@Controller
@RequestMapping("/track")
public class CarTrackController {
@Resource(name = "carTrackDaoImp")//spring注入方式
private CarTrackDao carTrackDao;
@RequestMapping(method = { RequestMethod.POST })
@ResponseBody
protected ModelAndView doQuery(HttpServletRequest request,
HttpServletResponse response) throws IOException {
Map<String, List<CarTrack>> map = new HashMap<String, List<CarTrack>>();
List<CarTrack> carTracks = carTrackDao.queryByClid("云ANV885");
map.put("1", carTracks);
ModelAndView mav = new ModelAndView("forward:/fortest.jsp");
MappingJacksonJsonView mjv = new MappingJacksonJsonView();
mjv.setAttributesMap(map);
mav.setView(mjv);
return mav;
}
}
@ResponesBody要注明,返回不是html之外的數(shù)據(jù)必須要有這個(gè)注解。這里,我在數(shù)據(jù)庫查詢了車牌號(hào)為“云ANV885”的車輛的GPS信息,返回是一個(gè)列表(carTracks),列表項(xiàng)是CarTrack對(duì)象,這個(gè)CarTrack包含很多屬性(id,clid,cpys等等)。用map的方式來將json序列化。
那么jsp怎么拿到?這里可以有很多種方式,我用到j(luò)query封裝的方法:
$.post("track.do",function(data){
$.each(data,function(i,item){//each遍歷map,i是下標(biāo),item是值,實(shí)際上它是carTracks列表
alert(item[0].clid); //clid是CarTrack對(duì)象中的一個(gè)屬性
});
},"json");
看此外你還可以用$.get()或者$.getJSON(),這兩種是get方式,上面一種是post。至于get和post的區(qū)別,我以后有空也會(huì)總結(jié)一下。這里考慮到一些數(shù)據(jù)量的問題,我用post方式。
$.post()的參數(shù)是這樣的
$(selector).post(URL,data,function(data,status,xhr),dataType)
URL是請(qǐng)求到后臺(tái)的訪問方式,我這里就是track.do了,data參數(shù)是傳到后臺(tái)的數(shù)據(jù),這個(gè)參數(shù)不是必須的,我上面的例子就沒有這個(gè)參數(shù),function()參數(shù)是請(qǐng)求成功時(shí)你要響應(yīng)什么功能,我上面的例子是返回成功就alert出這個(gè)數(shù)據(jù)來,這個(gè)參數(shù)也不是必須的。最后一個(gè)參數(shù)dataType是返回的數(shù)據(jù)類型,我這里寫了json,當(dāng)然也可以不寫,一般jquery會(huì)自己判斷。除了用上面那些方法在前端得到數(shù)據(jù),你還可以用ajax的方式,這里不再說明。
我的實(shí)驗(yàn)結(jié)果是,前端頁面alert出了我想要的屬性值,代表這種方式是成功的!
2、這一種方法會(huì)來的簡單粗暴一些。上面的controll里doQuery函數(shù)返回對(duì)象是ModelAndView,其實(shí)可以將返回對(duì)象改成你查詢出來的數(shù)據(jù)對(duì)象。注意,要加上@ResponseBody注解。如果處理器方法被注解@ResponseBody 標(biāo)記的話,那么處理器方法的任何返回類型都會(huì)通過HttpMessageConverters 轉(zhuǎn)換之后寫到HttpServletResponse 中,而不會(huì)像上面的那些情況一樣當(dāng)做視圖或者模型來處理。
@Controller
@RequestMapping("/track")
public class CarTrackController {
@Resource(name = "carTrackDaoImp")
private CarTrackDao carTrackDao;
@RequestMapping(method = { RequestMethod.POST })
@ResponseBody
protected List<CarTrack> doQuery() {
List<CarTrack> carTracks = carTrackDao.queryByClid("云ANV885");
return carTracks ;
}
}
怎樣,簡單吧。前端同上面第一種方法是一樣的方法,這里不再貼代碼了。