注册页面-省市联动

自己做的Demo,搭建好了ssm框架之后，做了一个注册页面。

先用同步的方式从数据库取数据，但是用js在页面上一直取不出数据，数据格式为json，反复检查数据没问题。

问题分析，应该是同步请求html页面，同时js再请求其他的数据，导致错误，改为采用Ajax异步请求省份城市信息，成功。

//省市联动
var provices = [];
var citys = [];
var locations = null;
//Ajax请求后端数据
$.ajax({  
    async:true,  
    type: "get",  
    url: "../location/findAll.do",//注意路径                   
    success:function(data){
        
        locations = data.cityList;
        $.each(locations, function(i,n) {
            var pojo = locations[i];
            
            if(pojo.proviceId == '0'){//proviceId == '0'==>是省份
                provices.push(pojo);
            }else{
                citys.push(pojo);
            }
         });
        
        //向省份中添加选项
        $.each(provices, function(i,n) {
            $("#proviceSelect").append("<option value='"+n.id+"'>"+n.name+"</option>");
        });
        
     },
 });
 

//城市选项框，监控省份选项的变化
$("#proviceSelect").change(function(){
    //先清空之前的城市选项
    $("#citySelect").empty();
    //得到省份的id
    var pId = $("#proviceSelect").val();
    //遍历城市集合，拿出proviceId和pid相等的城市，放入选项框
    $.each(citys,function(i,n){
        var city = citys[i];
        if(city.proviceId == pId){
            $("#citySelect").append("<option value='"+city.id+"'>"+city.name+"</option>");
        }
    })
});