小編給大家分享一下ajax php實(shí)現(xiàn)三級聯(lián)動的方法,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
成都創(chuàng)新互聯(lián)公司于2013年創(chuàng)立,先為類烏齊等服務(wù)建站,類烏齊等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為類烏齊企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
ajax php實(shí)現(xiàn)三級聯(lián)動的方法:首先創(chuàng)建一個test數(shù)據(jù)庫并創(chuàng)建三張表;然后初始化所有的省份;接著把當(dāng)前的省份id通過ajax發(fā)出請求傳遞到服務(wù)端的程序中;最后查詢數(shù)據(jù)庫并進(jìn)行必要的處理顯示即可。
案例涉及到數(shù)據(jù)庫,數(shù)據(jù)庫設(shè)計(jì)如下:
首先創(chuàng)建一個test數(shù)據(jù)庫,內(nèi)容如下:
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);
對數(shù)據(jù)庫說明:我創(chuàng)建了三張表,分別是?。╬rovince),市(city),縣(county),插入了幾條測試數(shù)據(jù),當(dāng)然你也可以設(shè)計(jì)一張表,效率當(dāng)然沒一張表好,所以不建議使用,看你個人習(xí)慣。
實(shí)現(xiàn)過程并不是很難,思路如下:
1) 初始化所有的省份,這個可以直接從數(shù)據(jù)庫中查詢出來省份
2)當(dāng)用戶選擇省份的時(shí)候觸發(fā)事件,把當(dāng)前的省份的id通過ajax發(fā)出請求傳遞到服務(wù)端的程序中
3)服務(wù)端根據(jù)客戶端的請求,查詢數(shù)據(jù)庫,并按照一定的格式返回給客戶端
4)客戶端獲取服務(wù)端的數(shù)據(jù),進(jìn)行必要的處理顯示出來
創(chuàng)建select.php (代碼簡陋,只是實(shí)現(xiàn)功能而已,說明原理即可!)
1 2 3 4三級聯(lián)動(作者:mckee - www.phpddt.com) 5 6 88 89 90
創(chuàng)建selectPro.php頁面:
117 "; 132 while($res = mysql_fetch_assoc($query)){ 133 $info .= ""; 134 $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 = "".$res['city_id']." "; 135 $info .= "".$res['city_name']." "; 136 $info .= ""; 148 while($res = mysql_fetch_assoc($query)){ 149 $info .= " "; 155 echo $info; 156 } 157 ?>"; 150 $info .= " "; 153 } 154 $info .= "".$res['county_id']." "; 151 $info .= "".$res['county_name']." "; 152 $info .= "
看完了這篇文章,相信你對ajax php實(shí)現(xiàn)三級聯(lián)動的方法有了一定的了解,想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!