ajax三級(jí)聯(lián)動(dòng)
時(shí)間:2023-09-12 05:30:01 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)
時(shí)間:2023-09-12 05:30:01 來(lái)源:網(wǎng)站運(yùn)營(yíng)
ajax三級(jí)聯(lián)動(dòng):
三級(jí)聯(lián)動(dòng)案例的功能需求頁(yè)面三個(gè)下拉框選項(xiàng),分別為省下拉框,市下拉框,區(qū)下拉框
選擇省,則市下拉框中出現(xiàn)對(duì)應(yīng)的該省下的市信息,選擇市,則區(qū)下拉框中出現(xiàn)對(duì)應(yīng)的區(qū)信息
需求分析1. 創(chuàng)建頁(yè)面:頁(yè)面中有三個(gè)下拉框,分別為省市,區(qū)、縣
2. 頁(yè)面加載成功發(fā)起ajax請(qǐng)求,請(qǐng)求省的信息,并將相應(yīng)結(jié)果填充到省下拉框中
3. 選擇觸發(fā)一個(gè)新的js函數(shù)的執(zhí)行,該函數(shù)中發(fā)起新的ajax請(qǐng)求,請(qǐng)求該省下的市信息,并將響應(yīng)數(shù)據(jù)填充到市下拉框、
4. 選擇市信息觸發(fā)一個(gè)新的js函數(shù)的執(zhí)行,該函數(shù)中發(fā)起新的ajax請(qǐng)求,請(qǐng)求該省下的縣區(qū)信息,并將響應(yīng)數(shù)據(jù)填充到縣區(qū)下拉框
數(shù)據(jù)庫(kù)表設(shè)計(jì)。 數(shù)據(jù)庫(kù)設(shè)計(jì):
創(chuàng)建表(area):存儲(chǔ)省,市,區(qū),縣信息
地區(qū)id:areaid
地區(qū)名:areaname
地區(qū)上級(jí)id:parentid
三級(jí)聯(lián)動(dòng)案例 查詢所有的省信息:
select*from area where paented=0;
查詢選擇的省的市信息(假如選擇的浙江省的areaid為110000)
select*from area where parented=110000;
查詢選擇的市的區(qū)信息(假如浙江省的邵陽(yáng)市areaid為110001)
select*from area where parented=110001;
代碼中
select*from area where parented=?;