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