使用ajax實現(xiàn)搜索提示功能

商丘工學(xué)院 宋秋麗 陳 帥

使用ajax實現(xiàn)搜索提示功能

商丘工學(xué)院 宋秋麗 陳 帥

Ajax技術(shù)采用異步無刷新技術(shù)，使得客戶端用戶體驗越來越豐富。在搜索欄內(nèi)錄入關(guān)鍵字時，會自動彈出很多與之相關(guān)的信息。

Ajax；異步；無刷新；搜索提示

一、搜索提示介紹

Ajax技術(shù)采用異步無刷新技術(shù)，使得客戶端用戶體驗越來越豐富。最典型的一種應(yīng)用就是，當(dāng)打開百度或者google，在搜索欄輸入查找jsp關(guān)鍵字時，會自動彈出很多與Jsp相關(guān)的信息。對于信息來說，每個人對于搜索查詢的信息關(guān)鍵字是不一樣的，因此需要盡可能地將用戶搜索過的關(guān)鍵字搜集起來，更有助于提高搜索效率。

二、搜索提示的基本原理

每輸入完一個關(guān)鍵字時，向服務(wù)器發(fā)送一個請求，服務(wù)器根據(jù)用戶輸入的關(guān)鍵字，從數(shù)據(jù)庫中搜索相關(guān)關(guān)鍵字信息，并返回到客戶端，在客戶端顯示提示信息。

注意事項：

當(dāng)鍵盤的按鍵抬起時，觸發(fā)onkeyup鍵盤事件，將文本框的autocomplete屬性設(shè)置為off，以免影響搜索提示，當(dāng)搜索提示出現(xiàn)后，需要將其中選中的搜索項突出顯示，以便區(qū)分。

三、搜索提示的實現(xiàn)

四、總結(jié)

我們用Ajax做動態(tài)網(wǎng)站時，如果要實現(xiàn)搜索提示功能，可以用這些技術(shù)來實現(xiàn)，讓我們的網(wǎng)站功能更善，更具有人性化。

宋秋麗，女，河南商丘人，商丘工學(xué)院助教。

陳帥，男，河南商丘人，商丘工學(xué)院助教。