国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > AJAX > 正文

ajax Suggest類似google的搜索提示效果

2024-09-01 08:31:41
字體:
來源:轉載
供稿:網友
實現了類似google的搜索提示效果。

實現:
<script type="text/javascript" src="/path/to/SuggestFramework.js"></script>
<script type="text/javascript">window.onload = initializeSuggestFramework;</script>
有了上面兩句后,每個取了名的文本框會多出五個屬性:
1.action 必須。接受 GET 方式提交的數據,并返回相關 Javascript 數組的動態頁。
2.capture 如果返回的結果不止一列(比如本例中的單詞和中文意思),將要替換用戶輸入的那一列(從 1 開始算)。通常這個和數據庫字段相對應。
可選,默認為 1.
3.columns 下拉顯示的列數,比如本例中,按字母查詢單詞,并將中文意思顯示在右側。可選,默認為 1.
4.delay 查詢延時,單位為毫秒。較低的延時會得到更快的反應,但會加重服務器負擔。可選,默認為 1000(1秒)。
5.heading 如果設為 true ,第一個數組值將作為不可選擇項(標題欄)。當有兩列或兩列以上數據時非常有用。可選,默認為 false.
數據提交只需要兩個數據
1.type 輸入框的name
2.q 搜索關鍵字(默認UTF-8編碼)
您下載的壓縮包中,已經包含php和ColdFusion示例,當然這個框架可以適用于所有的編程語言,無平臺限制。后臺數據輸出就是一條 Javascript 語句。一維數組這么寫:
new Array(”val1″, “val2″, “val3″);
二維數組這么寫:
new Array(
new Array(”第1行條第1列”, “第1行第2列”),
new Array(”第2行條第1列”, “第1行條第2列”),
new Array(”第3行條第1列”, “第1行條第2列”)
);
最后介紹一下,css中需要定義的4個類
.SuggestFramework_List 提示內容所在區域
.SuggestFramework_Heading 第一條提示
.SuggestFramework_Highlighted 設置高亮的一條提示
.SuggestFramework_Normal 其他提示
下載地址

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 炉霍县| 景德镇市| 柘城县| 凉山| 嘉祥县| 屯留县| 叙永县| 玉林市| 喀喇沁旗| 石门县| 襄垣县| 彰化县| 巴里| 界首市| 长宁县| 灵武市| 修水县| 即墨市| 进贤县| 广德县| 赤城县| 凯里市| 专栏| 象州县| 乡宁县| 连平县| 锡林浩特市| 舞钢市| 左贡县| 阜城县| 连江县| 新昌县| 临泉县| 辽宁省| 进贤县| 盐亭县| 务川| 探索| 柏乡县| 武陟县| 嘉兴市|