標(biāo)題: 構(gòu)建一個(gè)自動(dòng)完成的搜索框 [打印本頁(yè)]
作者: xiaoniu 時(shí)間: 2014-12-27 23:44
標(biāo)題: 構(gòu)建一個(gè)自動(dòng)完成的搜索框
基本架構(gòu)來(lái)自相關(guān)教程，實(shí)現(xiàn)平臺(tái)還是論壇的管理后臺(tái)，實(shí)現(xiàn)功能完全仿照google的搜索框（包括行為、外觀）。原來(lái)的程序適合于英文輸入體系下，現(xiàn)在也可以用在有中文輸入的平臺(tái)之下，對(duì)一些操作過(guò)程中的小小的不完美的地方進(jìn)行了改進(jìn)�？v觀整個(gè)程序，可以從中領(lǐng)會(huì)到如下技術(shù)的運(yùn)用方法：
1.jquery相關(guān)技術(shù)（主要是選取器）
2.json技術(shù)（數(shù)據(jù)攜帶格式的問(wèn)題，因?yàn)樵绦虻膉son生成程序是php的，所以在找出合適的數(shù)據(jù)格式上花了不少時(shí)間）
3.ajax技術(shù)（使用jquery使ajax變得很輕松，但是.ajax設(shè)置域必需注意相關(guān)字段的大小寫(xiě)問(wèn)題）
4.javascript提交中文字符亂碼解決方案（提交的中文字符必須經(jīng)過(guò)escape編碼，然后在服務(wù)器端解碼，在這個(gè)地方走了不少?gòu)澛�，調(diào)試中發(fā)現(xiàn)某些中文詞組不能返回結(jié)果，一直以為是javascript提交編碼的時(shí)候遺漏掉了某些字符，后來(lái)發(fā)現(xiàn)是這些詞組提交服務(wù)器后返回的json代碼不符合標(biāo)準(zhǔn)，造成解析器錯(cuò)誤）
5.json特殊字符的轉(zhuǎn)義技術(shù)（\和"必須被轉(zhuǎn)義）
6.sqlserver返回不同記錄問(wèn)題（內(nèi)置的DISTINCT關(guān)鍵字不能滿(mǎn)足要求，可以采用這樣的語(yǔ)句Select Top 25 *** From ******* Where ** Like '%" & SqlKeys & "%' Group By ** Order By max(***) DESC）
7.sqlserver特殊字符轉(zhuǎn)義技術(shù)（如[可以這樣轉(zhuǎn)義[[]，]不用轉(zhuǎn)義）
8.css在IE和firefox下兼容技術(shù)（這里用到了層高度自動(dòng)擴(kuò)展）
| 歡迎光臨 (http://m.raoushi.com/bbs/) |
Powered by Discuz! X3.1 |