前台页面调用后台方法（省市联查）（springMVC）

<script type="text/javascript">
   $(function() {
     

$("#provinceId").change(function(){       //事件不要放在方法里面
 
  var provinceName = $("#provinceId").val();   //获取值
  var uri = "${path}/arwen/common/cities";
  if(provinceName && provinceName.length>0){    //当province存在时，根据方法获取city
  var param={};
  param.province = provinceName;     //这里的param是指后台方法的参数
      $.post(uri,param, function(data){
      
      
      if (data) {                   //如果数据不为空
      $("#cityId").empty();     //清空已有的数据
      $(data).each(function(i,o){    //获取与省相对应的城市
      var op=$("<option></option>").val(o.id).text(o.cityName);
      $("#cityId").append(op);
      })
      }
    });
  
  }else{  //当province不存在。
  $("#cityId").empty();            
  var op = "<option value='' selected='selected'> - None - </option>";  //则设置为none
  console.log("op----" + op); 
  $("#cityId").append(op);
  }

});
  
function initProvince() {    //初始化省
var uri = "${path}/arwen/common/province";
var param={};
param.provinceId=provinceId;

$.post(uri, function(data){

if(data){

$(data).each(function(i, o){
var op=$("<option></option>").val(o).text(o);
$("#provinceId").append(op);
})
}

})

}   
   
initProvince(); //使页面一加载就把省显示出来




    })
</script>