Ajax實現搜尋引擎自動補全功能

2022-09-27 03:21:13 字數 737 閱讀 9707

每當我們遇到一些問題時候,我們會百度一下,你是有過我們的問題還沒打完就已經出現的經歷?

如下圖:

天貓:京東:

這時候的你是否想到如何實現這個功能?

我們的網頁明明沒有重新整理,可是卻出現了資料的互動,也就是ajax的強大之處。

下面以乙個例子來實現。

搜尋框和搜尋按鈕,我們希望在搜尋框輸入部分書名時,能夠實現書名的自動補全功能。每當點選了相應的書名,就把內容輸入到搜尋框。

對應的**

search

為了存貯自動補全的文字,我們使用div標籤

設定背景色為白色,絕對布局。並且預設不顯示。

在百度的補全功能中我們發現,每輸入乙個字,對應的補全文本就會更新,所以我們要為搜尋框設定鍵盤抬起事件(keyup),然後就是ajax實現非同步互動。

js**:

$(".inputtable").keyup(function()

//由於瀏覽器的快取機制 所以我們每次傳入乙個時間

var time=new date().gettime();

$.ajax(/servlet/findbooksajaxservlet",

data:,

success:function(data)

$("#context1").html(html);

//顯示為塊級元素

$("#context1").css("display","block");

}});

});

AJAX支援搜尋引擎問題

ajax是利用瀏覽器的兩個內建物件實現了,非同步傳輸,說白了,頁面不重新整理對後台請求功能,現在市面上有很多ajax框架,我就不一一枚舉了。隨便google的地圖是用ajax做的,但是google並不支援ajax,大多數搜尋引擎也不支援,所以假如用ajax做 的話,那 的排名,流量可想而知了,雖然說...

搜尋引擎 索引

正排索引 文件編號,單詞編號,單詞的數量,單詞出現的位置。倒排索引 1,單詞詞典,儲存單詞以及統計資訊,單詞在記錄表中的便宜,可常駐記憶體,用雜湊表儲存。2,記錄表,單詞對應的文件集合,記錄單詞出現的數目 位置。文件採用差分變長編碼。其中文件可按編號公升序排列 可利用差分編碼 也可按出現次數排列,可...

MySQL搜尋引擎程式 mysql搜尋引擎

mysql是我們比較常用的一種資料庫軟體。它有著諸多的優點,如開源的,免費的等等。其實它還有乙個很好的特點,那就是有多種引擎可以供你選擇。如果賽車手能根據不同的路況,地形隨手更換與之最適宜的引擎,那麼他們將創造奇蹟。然而目前他們還做不到那樣便捷的更換引擎,但是我們卻可以 所謂知己知彼方可百戰不殆,要...