ajaxphp实现三级联动的方法

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

成都创新互联公司于2013年创立，先为类乌齐等服务建站，类乌齐等地企业，进行企业商务咨询服务。为类乌齐企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

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

案例涉及到数据库，数据库设计如下：

首先创建一个test数据库，内容如下：

CREATE TABLE IF NOT EXISTS `province` (
  `province_id` int(2) NOT NULL AUTO_INCREMENT,
  `province_name` varchar(20) NOT NULL,
  PRIMARY KEY (`province_id`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8 AUTO_INCREMENT=3 ;
 
INSERT INTO `province` (`province_id`, `province_name`) VALUES
(1, '安徽'),
(2, '浙江');
 
CREATE TABLE IF NOT EXISTS `city` (
  `city_id` int(4) NOT NULL AUTO_INCREMENT,
  `city_name` varchar(20) NOT NULL,
  `province_id` int(4) NOT NULL,
  PRIMARY KEY (`city_id`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8 AUTO_INCREMENT=5 ;
 
INSERT INTO `city` (`city_id`, `city_name`, `province_id`) VALUES
(1, '合肥', 1),
(2, '安庆', 1),
(3, '南京', 2),
(4, '徐州', 2);
 
CREATE TABLE IF NOT EXISTS `county` (
  `county_id` int(4) NOT NULL AUTO_INCREMENT,
  `county_name` varchar(20) NOT NULL,
  `city_id` int(4) NOT NULL,
  PRIMARY KEY (`county_id`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8 AUTO_INCREMENT=5 ;
 
INSERT INTO `county` (`county_id`, `county_name`, `city_id`) VALUES
(1, '怀宁', 2),
(2, '望江', 2),
(3, '肥东', 1),
(4, '肥西', 1);

对数据库说明：我创建了三张表，分别是省（province），市（city）,县（county）,插入了几条测试数据，当然你也可以设计一张表，效率当然没一张表好，所以不建议使用，看你个人习惯。

实现过程并不是很难，思路如下：

     1) 初始化所有的省份，这个可以直接从数据库中查询出来省份
     2）当用户选择省份的时候触发事件，把当前的省份的id通过ajax发出请求传递到服务端的程序中
     3）服务端根据客户端的请求，查询数据库，并按照一定的格式返回给客户端
     4）客户端获取服务端的数据，进行必要的处理显示出来

创建select.php (代码简陋，只是实现功能而已，说明原理即可！)

1 
2 
3 
4 
5 
6 
88  
89 
90 

91 
92 -- 请选择省份--
93  
101  
102 
105 
106  
107 
108 --请选择城市--
109 
110  
111 
112 --请选择县--
113 
114 
115 
116 

创建selectPro.php页面：

117 ";
132 while($res = mysql_fetch_assoc($query)){
133 $info .= "";
134 $info .= "".$res['city_id']."";
135 $info .= "".$res['city_name']."";
136 $info .= "";
137 }
138 $info .= "";
139 echo $info;
140 }
141 
142 if(!empty($_POST['city_id'])){
143 
144 $city_id = $_POST['city_id'];
145 $sql = "select * from county where city_id = {$city_id}";
146 $query = mysql_query($sql);
147 $info = "";
148 while($res = mysql_fetch_assoc($query)){
149 $info .= "";
150 $info .= "".$res['county_id']."";
151 $info .= "".$res['county_name']."";
152 $info .= "";
153 }
154 $info .= "";
155 echo $info;
156 }
157 ?>

看完了这篇文章，相信你对ajax php实现三级联动的方法有了一定的了解，想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！

文章标题：ajaxphp实现三级联动的方法
网址分享：http://bjjierui.cn/article/jdsheh.html