jquery AJAX 省市联动

最新推荐文章于 2019-01-19 20:16:27 发布

原创最新推荐文章于 2019-01-19 20:16:27 发布 · 800 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ajax #function #object #spring #mvc

本文详细介绍了如何利用jQuery和Spring MVC框架实现省市联动选择功能，包括AJAX异步请求、JSON数据交互及页面动态更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS //连动
$(document).ready(function(){
     
    doProvinceChangeJquery = function(oProvince, nCityId, sUrl){
    
     var nPId = oProvince.options[oProvince.selectedIndex].value;
      
     var requestMap = {
      nPId: nPId
      ,rnd:Math.random()*10000
     };
     
     jQuery.ajax( {      
        
   type : 'POST',           
   url : sUrl,      
   data: requestMap,
   dataType : 'json',      
   success : function(aArea) {      
        
        
   var oCity=$("#"+nCityId);
    
    for(var i = oCity.children().length - 1; i > 0; i --)
    {
     
     oCity.children("option[index='"+i+"']").remove();
    }
    
    for(var i = 0, nLen = aArea.length; i < nLen; i ++)
    {
     oCity.append("<option value='"+aArea[i].N_AREAID+"'>"+aArea[i].S_NAME+"</option>");
    }           
     
   },      
   error : function() {      
    alert("网路有异常，请稍候再试!")      
   }      
      }); 
    
   }
 
 
});//jquery end

 

 

JAVA里面的 我用的SPRING MVC框架

 /**
  * 获取省市
  * @param oRequest
  * @param nPId
  * @return List<Map>
  */
 @RequestMapping(value = "/subsys/ivrcs/module/commons/getArea.do", method = RequestMethod.POST)
 @ResponseBody
 public List<Map<String, Object>> getArea(HttpServletRequest oRequest,int nPId)
 {  
  List<Map<String, Object>> aArea = new ArrayList<Map<String, Object>>();
  List<DynaBean> aTempArea = m_oCommonsService.getArea(nPId);
  for (DynaBean oBean : aTempArea)
  {
   aArea.add(Tools.dynaBeanToMap(oBean));
  }
  return aArea;
 }