AreaCode AreaName ParentAreaCode
三级联动
sanji.js
Ajax的同步,同步就是指在AJAX处理数据的时候,必须等到处理完成才能执行的语句,
Ajax的异步,异步就是指在AJAX处理数据的时候,不用等到处理完,下面的语句就可以执行
非Ajax
同步在交换信息的时候,必须等到对方确认接收之后在发送下一条
异步在交换信息的时候,只管向对方发送,不用管对方有没有答复
线程上
同步相当于单线程处理一个请求
异步相当于多线程同时处理多个请求
$(document).ready(function(e){//在DIV里面早三个下拉$("#sanji").html("");//填充数据FillSheng(); //填充省的数据FillShi(); //填充市的数据FillQu(); //填充区的数据//填充省的方法function FillSheng(){var code ="0001"; //省的父级代号//调用AJAX查询省的数据$.ajax({ async:false, //将异步AJAX变成同步AJAXurl:"chuli.php",data:{code:code},type:"POST",datatype:"TEXT",success:function(){//拆分字符串,返回行的数组 var hang = data.split("|"); var str=""; for(var i=0;i"+lie[1]+""; } //将所有的option放到省下拉列表里面 $("#sheng").html(str); } });
} function FillShi() {
var code =$("#sheng").val(); //市的父级代号//调用AJAX查询省的数据$.ajax({ async:false,url:"chuli.php",data:{code:code},type:"POST",datatype:"TEXT",success:function(){//拆分字符串,返回行的数组 var hang = data.split("|"); var str=""; for(var i=0;i"+lie[1]+""; } //将所有的option放到市下拉列表里面 $("#shi").html(str); } });
}
function Fillqu() {
var code =$("#shi").val(); //区的父级代号//调用AJAX查询省的数据$.ajax({ async:false,url:"chuli.php",data:{code:code},type:"POST",datatype:"TEXT",success:function(){//拆分字符串,返回行的数组 var hang = data.split("|"); var str=""; for(var i=0;i"+lie[1]+""; } //将所有的option放到市下拉列表里面 $("#qu").html(str); } });
} //当省的选中发生变化的时候,去改变市和区 $("#sheng").change(function(){ FillShi(); FillQu(); }) //当市的选中发生变化的时候去改变区 $("#shi").change(function(){ FillQu(); })
});
chuli.php
StrQuery($sql);