Dans SpringMVC, l'ensemble de résultats du contrôleur peut être transmis au format Front-end JS à travers JSON, ou il peut être transmis à la carte frontale via la carte. La mise en œuvre spécifique est la suivante
1. Passez le format JSON
La couche de contrôleur est implémentée comme suit
@RequestMapping ("QueryCityInfo") @ResponseBody public String QueryCityInfo () lève exception {String provinceId = getString ("id"); @SuppressWarnings ("RawTypes") Liste CityList = PersonalService.QueryCity (ProvinceId); if (null! = CityList && CityList.size ()> 0) {String JSON = JSONUTILS.tojSontring (CityList); Super.outstr (JSON); } return null; } protégé void outstr (string str) </span> {try {réponse.SetcharAtterencoding ("utf-8"); réponse.getWriter (). Write (str); } catch (exception e) {}} public static <T> String tojSontring (list <T> list) {JSONArray JSONArray = JSONArray.FromObject (list); return jsonArray.toString (); } Le côté JS accepte ce qui suit
fonction selectBankCity (id) {$ .ajax ({url: basaddress + "querycityInfo.do?provinceId =" + id, type: 'get', dataType: 'json', succès: fonction (data) {$ ('# custbankarea'). Information - </opoption> "); for (var i = 0; i <data.length; i ++) {$ ('# custbankarea'). APPEND (" <option value = '"+ data [i] .id +"'> "+ data [i] .CityName +" </ option> ");}}}}); } 2. Passez à travers la carte
La couche de contrôleur est implémentée comme suit
@RequestMapping ("QueryProvincin") @ResponseBody Public Map <String, Object> QueryProvince (HttpServLetRequest Request, HttpServletResponse Response) {map <string, object> map = new HashMap <String, Object> (); Essayez {@SuppressWarnings ("RawTypes") List provinceList = PersonalService.QueryProvince (); if (null! = provinceList && provincist.size ()> 0) {map.put ("province", provinceList); }} catch (exception e) {// TODO Block de capture généré automatiquement e.printStackTrace (); } retour de la carte; } Le côté JS accepte ce qui suit
$ .ajax ({url: basaddress + "queryprovince.do", type: "get", succès: function (resdata) {var data = resdata.provincin; for (var i = 0; i <data.length; i ++) {// js mise Option (data [i] .provincename), data [i] .id);Ce qui précède est tout le contenu de cet article. J'espère que cela sera utile à l'apprentissage de tous et j'espère que tout le monde soutiendra davantage Wulin.com.