ajax php实现三级联动的方法

　　介绍

小编给大家分享一下ajax php实现三级联动的方法,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!

ajax php实现三级联动的方法:首先创建一个测试数据库并创建三张表,然后初始化所有的省份;接着把当前的省份id通过ajax发出请求传递到服务端的程序中,最后查询数据库并进行必要的处理显示即可。

ajax php实现三级联动的方法

CREATE TABLE如果不存在“省”( 　　“province_id”int (2) NOT NULL AUTO_INCREMENT, 　　province_name varchar(20)非空, 　　主键(“province_id”) 　　)引擎=InnoDB的默认字符集=utf8 AUTO_INCREMENT=3; 　　 　　插入“省”(“province_id”、“province_name”)值 　　(& # 39;安徽& # 39;), 　　(2 & # 39;浙江& # 39;); 　　 　　如果不存在“城市”创建表( 　　“city_id”int (4) NOT NULL AUTO_INCREMENT, 　　city_name varchar(20)非空, 　　province_id int(4)非空, 　　主键(“city_id”) 　　)引擎=InnoDB的默认字符集=utf8 AUTO_INCREMENT=5; 　　 　　插入“城市”(‘city_id’,‘city_name’,‘province_id’)值 　　(& # 39;合肥& # 39;(1), 　　(2 & # 39;安庆& # 39;(1), 　　(& # 39;南京& # 39;(2), 　　(4日& # 39;徐州& # 39;(2); 　　 　　创建表如果不存在“县”( 　　“county_id”int (4) NOT NULL AUTO_INCREMENT, 　　county_name varchar(20)非空, 　　city_id int(4)非空, 　　主键(“county_id”) 　　)引擎=InnoDB的默认字符集=utf8 AUTO_INCREMENT=5; 　　 　　插入“县”(“county_id”、“county_name”、“city_id”)值 　　(& # 39;怀宁& # 39;(2), 　　(2 & # 39;望江& # 39;(2), 　　(& # 39;肥东& # 39;(1), 　　(4日& # 39;肥西& # 39;(1)。

1 & lt; !DOCTYPE HTML公众“-//W3C//DTD HTML 4.01过渡//EN"“http://www.w3.org/TR/html4/loose.dtd"比; 　　2 & lt; html> 　　3 & lt; head> 　　4 & lt; title>三级联动(麦基——www.phpddt.com) & lt;/title> 　　5 & lt;元http-equiv=癱ontent-type"内容=皌ext/html;charset=UTF-8"/比; 　　6 & lt; script> 　　7功能createAjax () { 　　8 var xmlHttp=false; 　　9如果(window.XMLHttpRequest) { 　　10 xmlHttp=新的XMLHttpRequest (); 　　11}else if (window.ActiveXObject) { 　　12尝试{ 　　13 xmlHttp=new ActiveXObject (“Msxml2.XMLHTTP"); 　　14}捕捉(e) { 　　15尝试{ 　　16 xmlHttp=new ActiveXObject (“Microsoft.XMLHTTP"); 　　17}捕捉(e) { 　　18 xmlHttp=false; 　　19} 　　20} 　　21} 　　22日返回xmlHttp; 　　23} 　　24 　　25 var ajax=零; 　　26函数getCity (province_id) { 　　27 ajax=createAjax (); 　　28 ajax.onreadystatechange=function () { 　　如果ajax (29。readyState==4) { 　　30如果(ajax。状态==200){ 　　31个城市var=ajax.responseXML.getElementsByTagName (“city"); 　　32美元(& # 39;城市# 39;)。长度=0; 　　33 var myoption=document.createElement (“option"); 　　34 myoption。值=https://www.yisu.com/zixun/"; 　　35 myoption。innerText=实现”——请选择城市——”; 　　36美元(“城市”).appendChild (myoption); 　　37 (var=0;我ajax php实现三级联动的方法