只要將當前輸入的資料取出然後實時去資料庫進行模糊匹配(不區分大小寫並且將字元轉換成物件資料找)就可以實現了,那就要時間當我們按下鍵盤時去觸發時間並得到返回的集合進行頁面的回顯,我們也可以用jquery或者用ajax寫(
在jquery中有對ajax的實現而且使用起來十分方便大家應該知道ajax區域性重新整理吧);
下面我們就用jquery去實現自動填充資料:
#txt
#completediv
ul li
.over
然後我們在頁面引入相應的css和js 包括相應的jquery的js
$(document).ready(function()
var li = $('li').eq(indexli);
li.addclass('over').siblings().removeclass('over');
$('#txt').val(li.text());
}else if(event.keycode==40)
var li = $('li').eq(indexli);
li.addclass('over').siblings().removeclass('over');
$('#txt').val(li.text());
}else if(event.keycode==27)else,function(data)
$('#completediv').empty(); //清空層內容 當重新遍歷時清空原先的資料
var ul = $('');
$.each(data,function(index,item)).click(function());
});});
}});
});頁面jsp
AJAX實現百度谷歌搜尋自動填充
1.乙個文字框,用來輸入資料 3.乙個用於獲取資料庫資料的檔案 這個檔案的型別沒有限制,可以是webservice asmx 和wcf svc 和一般處理程式 ashx 檔案,或者普通的c 類檔案和文字檔案也可以。我們在例子當中使用的是webservice 下面我們開始這個例子的製作過程 一 建立部...
ThinkPHP仿百度預覽
網上找了很多方法,但都大同小異,可是自己實現起來就有點麻煩,經過多次的修修改改,完成了word pdf swf,跟swf pdf的轉換。實現部分需求,希望對大家用幫助,1.下面是org util下的preview.class.php類 namespace org util 1.本預覽呼叫了php內建...
使用JQuery完成仿百度的資訊提示
在乙個搜尋頁面中,鍵盤輸入一些資訊,在文字框下面給出一些提示資訊 需要從伺服器端進行查詢的 1 建立乙個資料庫和表 2 設計乙個頁面 3 文字框繫結乙個事件.keyup 4 在keyup所觸發函式中 1 獲得文字框的值.2 將這個值非同步提交到伺服器.post 3 提交到servlet a.接收引數...