通過(guò)asp 動(dòng)態(tài)生成 js 的數(shù)組,然后js在客戶端去排列,最大的減少了服務(wù)器端的壓力。(服務(wù)器端只是查詢了一次,沒(méi)有其他操作)
數(shù)據(jù)庫(kù)設(shè)計(jì):
id:索引,自動(dòng)編號(hào) mc:varchar 100字節(jié),記錄分類名稱 fl:數(shù)字,記錄屬于哪個(gè)分類,0為根分類 ceng:數(shù)字,記錄處于多少層 根分類為0層,以后遞增1
生成的html代碼如下:
運(yùn)行代碼框
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運(yùn)行]
服務(wù)器端asp代碼如下:
運(yùn)行代碼框
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運(yùn)行]
講解:
asp 查詢數(shù)據(jù)庫(kù),生成js數(shù)據(jù) object(不是數(shù)組,類似) 數(shù)據(jù)庫(kù)不同的行,對(duì)應(yīng)不同的 tempArray[0] tempArray[1]...... 不同字段在每條數(shù)據(jù)中通過(guò)"@_!_#_$_|_@"分割,以避免會(huì)與數(shù)據(jù)中的文本有重復(fù)。
用js通過(guò)遞歸算法重新排列tempArray 得到dataArray 并循環(huán)打印成為select中的option
經(jīng)典討論帖:
www.95time.cn/bbs/NewsDetail.asp?DaysPrune=60&lp=1&id=2268363
出處:藍(lán)色理想
責(zé)任編輯:moby
◎進(jìn)入論壇網(wǎng)絡(luò)編程版塊參加討論
|