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

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

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

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

Ajax；異步；無(wú)刷新；搜索提示

一、搜索提示介紹

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

二、搜索提示的基本原理

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

注意事項(xiàng)：

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

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

四、總結(jié)

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

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

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