ajax三级联动实现代码

本文实例为大家分享了创建交互式、快速动态网页应用的网页开发技术三级联动展示的具体代码，供大家参考，具体内容如下

1.test.php

脚本src='http:/jquery-1。11 .2 .量滴js '/script script src=' http :三际。js '/脚本标题无标题文档/标题/标题dyh 1三级联动/h1div id='三际/div/body/html2 .sanji.js

//JavaScript文档$(文档)。就绪（功能(e) { //找到身份证=三际的DIV，造三个下拉扔进去$(' #三际')。html(' select id=' sheng '/select select select id=' Shi '/select select select select id=' qu '/select ')；//加载省的数据load sheng()；//加载市的数据荷载石()；//加载区的数据LoadQu()；//给省的下拉加点击事件$('声').单击(函数(){ //重新加载市荷载石()；//重新加载区LoadQu()；}) //给市的下拉加点击事件$('#shi ').单击(函数(){ //重新加载区LoadQu()；}) });//加载省份的方法函数LoadSheng(){ //省的父级代号var pcode=' 0001$。ajax({ async:false，url:'chuli.php '，data:{pcode:pcode}，type:'POST '，dataType:'TEXT '，success:函数（数据){ var hang=data.trim().拆分(' | ');var str=for(var I=0；ihang . lentigi){ var lie=hang[I].split('^')；str=str ' option value=' lie[0]' ' ' lie[1]'/option '；} $(“# sheng”).html(字符串);} });}//加载市的方法函数LoadShi(){ //找市的父级代号var pcode=$('#sheng ').val()；$.ajax({ async:false，url:'chuli.php '，data:{pcode:pcode}，type:'POST '，dataType:'TEXT '，success:函数（数据){ var hang=data.trim().拆分(' | ');var str=for(var I=0；ihang . lentigi){ var lie=hang[I].split('^')；str=str ' option value=' lie[0]' ' ' lie[1]'/option '；} $('#shi ').html(字符串);} });}//加载区的方法函数LoadQu(){ //找区的父级代号var pcode=$('#shi ').val()；$.ajax({ url:'chuli.php '，data:{pcode:pcode}，type:'POST '，dataType:'TEXT '，success:函数（数据){ var hang=data.trim().拆分(' | ');var str=for(var I=0；ihang . lentigi){ var lie=hang[I].split('^')；str=str ' option value=' lie[0]' ' ' lie[1]'/option '；} $('#qu ').html(字符串);} });}3.chuli.php

？php/给一个父级代号，返回该父级代号下所有的子地区需要DBDA。上课。PHP '；$ db=新DBDA()；$ pcode=$ _ POST[' pcode ']；$sql='从中国选择区号、区域名称，其中parent area code=' { $ pcode } echo $ db-StrQuery($ SQL)；引用的封装类里面返回字符串的方法

？phpclass DBDA { public $ host=' localhost '；public $ uid=' root public $ pwd=' 123 public $ dbname=' test _ 123//执行结构化查询语言语句返回相应的结果//$sql要执行的结构化查询语言语句//$类型代表结构化查询语言语句的类型，0代表增删改，1代表查询函数查询($sql，$ type=0){ $ db=new MySQL($ this-host，$this-uid，$this-pwd，$ this-dbname)；$ result=$ db-query($ SQL)；if($type) { //如果是查询，显示数据返回$ result-fetch _ all()；} else { //如果是增删改，返回真实的或者错误的返回$结果；} } //返回字符串的方法公共函数strquery($sql，$ type=1){ $ db=new MySQL($ this-host，$this-uid，$this-pwd，$ this-dbname)；$ result=$ db-query($ SQL)；$ arr=$ result-fetch _ all()；$ str=foreach($ arr as $ v){ $ str=$str.implode('^',$v).'|';} $str=substr($str，0，strlen($ str)-1)；返回$ str} //返回JSON函数JSONQuery($sql，$ type=1){ $ db=new MySQL($ this-host，$this-uid，$this-pwd，$ this-dbname)；$ r=$ db-query($ SQL)；if($ type==1){ return JSON _ encode($ r-fetch _ all(MYSQLI _ ASSOC))；} else { return $ r；} }}以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。