使用ajax實現搜索提示功能

商丘工學院 宋秋麗 陳 帥

使用ajax實現搜索提示功能

商丘工學院 宋秋麗 陳 帥

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

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

一、搜索提示介紹

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

二、搜索提示的基本原理

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

注意事項：

當鍵盤的按鍵抬起時，觸發onkeyup鍵盤事件，將文本框的autocomplete屬性設置為off，以免影響搜索提示，當搜索提示出現后，需要將其中選中的搜索項突出顯示，以便區分。

三、搜索提示的實現

四、總結

我們用Ajax做動態網站時，如果要實現搜索提示功能，可以用這些技術來實現，讓我們的網站功能更善，更具有人性化。

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

陳帥，男，河南商丘人，商丘工學院助教。