springmvc und js - Datenübermittlung und -empfangsart im Frontend (zwei Arten)

In Spring MVC können die Ergebnisse des Controllers in JSON-Format an das JS-Frontend gesendet werden, oder sie können an das Frontend als Map übermittelt werden. Das具体情况 wie folgt implementiert:

1Daten werden in JSON-Format übermittelt

controller layer implementation as follows

 @RequestMapping("queryCityInfo") 
  @ResponseBody 
  public String queryCityInfo() throws Exception { 
     String provinceId = getString("id"); 
     @SuppressWarnings("rawtypes") 
    List cityList = personalService.queryCity(provinceId); 
     if(null != cityList && cityList.size() > 0) { 
      String json = JSONUtils.toJSONString(cityList);      
      super.outStr(json);}} 
     } 
    return null; 
  } 
protected void outStr(String str)</span> 
  { 
    try 
    { 
      response.setCharacterEncoding("UTF-8");-8"); 
      response.getWriter().write(str); 
    } 
    catch (Exception e) 
    { 
    } 
  } 
public static <T> String toJSONString(List<T> list) 
  { 
    JSONArray jsonArray = JSONArray.fromObject(list); 
    return jsonArray.toString(); 
  } 

js-Ende empfangen wie folgt

function selectBankCity(id) { 
  $.ajax({ 
    url:baseAddress+"queryCityInfo.do#63;provinceId="+id, 
    type: 'get', 
    dataType: 'json', 
    success: function(data) { 
      $('#custBankArea').empty(); 
      $('#custBankArea').append("<option >"--Please select city information--</option>"); 
      for(var i=0;i<data.length;i++{ 
        $('#custBankArea').append("<option value='"+data[i].id+"">"+data[i].cityName+"</option>"); 
      } 
    } 
  }); 
} 

2pass through Map

controller layer implementation as follows

@RequestMapping("queryProvince") 
  @ResponseBody 
  public Map<String, Object> queryProvince(HttpServletRequest request, HttpServletResponse response) { 
    Map<String, Object> map = new HashMap<String, Object>(); 
    try { 
      @SuppressWarnings("rawtypes") 
      List provinceList = personalService.queryProvince(); 
      if(null != provinceList && provinceList.size() > 0) { 
        map.put("province", provinceList); 
      }  
    } catch (Exception e) {}} 
      // TODO Auto-Erzeugter catch-Block 
      e.printStackTrace(); 
    } 
    return map; 
  } 

js-Ende empfangen wie folgt

$.ajax({ 
      url:baseAddress+"queryProvince.do", 
      type:"get", 
      success:function(resData){ 
        var data = resData.province; 
        for(var i=0;i<data.length;i++{ 
          //js-Implementierung 
          //var objs = document.getElementById("cusBankCity") 
          //objs.options.add(new Option(data[i].provinceName, data[i].id)); 
          //jq-Implementierung 
          $("#cusBankCity").append("<option value='"+data[i].id+"">"+data[i].provinceName+"</option>"); 
        } 
      } 
    }); 

Das ist der gesamte Inhalt dieses Artikels. Wir hoffen, dass er Ihnen bei Ihrem Lernen hilft und dass Sie die呐喊教程 unterstützen.

Erklärung: Der Inhalt dieses Artikels wurde aus dem Internet übernommen und gehört dem jeweiligen Urheber. Der Inhalt wurde von Internetnutzern freiwillig bereitgestellt und hochgeladen. Diese Website besitzt keine Eigentumsrechte und hat den Inhalt nicht manuell bearbeitet. Sie übernimmt auch keine rechtlichen Verantwortlichkeiten. Wenn Sie urheberrechtlich relevante Inhalte entdecken, sind Sie herzlich eingeladen, eine E-Mail an notice#w zu senden.3codebox.com (Bitte ersetzen Sie # durch @, wenn Sie eine Beschwerde einreichen, und fügen Sie relevante Beweise bei. Sobald überprüft, wird diese Website die beanstandeten urheberrechtlichen Inhalte sofort löschen.)