国产探花免费观看_亚洲丰满少妇自慰呻吟_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 其他提示
下載地址

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 涞水县| 平山县| 易门县| 九龙坡区| 泰安市| 衡阳市| 红安县| 榆社县| 毕节市| 光泽县| 大埔区| 贵南县| 五台县| 阿拉善右旗| 巴青县| 巫山县| 临澧县| 厦门市| 宁海县| 永寿县| 曲靖市| 行唐县| 河津市| 洛扎县| 太仆寺旗| 阿尔山市| 蕲春县| 卫辉市| 岑溪市| 灵台县| 南康市| 章丘市| 迁西县| 久治县| 洱源县| 泰来县| 秦安县| 宽城| 泽库县| 沙雅县| 凌海市|