使用jsp做类似百度的搜索引擎检索功能

Question

要求不能用JQuery插件，全部手写代码，做出类似百度或谷歌的搜索引擎的检索功能（即：在文本框中输入a后，文本框下面会弹出数据库中所有与a相关的信息）搜索结果可以不是真实的，可以是数据库中随意填写的一列信息。

Answer 1

ajax
onKeyUp请求后台，拿回数据
input type="text"下的用个select size="10"相对定位和绝对定位设置好位置
complete函数中控制select的display

Answer 2

用ajax把你输入的数据传到后台。再查询数据库，很容易实现的

Answer 3

这用不用jquery没有太大的区别

Answer 4

用ajax把你输入的数据传到后台。再查询数据库，很容易实现的高手你能说的再清楚一些吗？我没用过Ajax，最好你能帮我写些代码引导我一下，谢谢。

Answer 5

高手你能说的再清楚一些吗？我没用过Ajax，最好你能帮我写些代码引导我一下，谢谢。

Answer 6

关注。。那个select 要怎么写？谁有写好的代码啊

Answer 7

 这个是用dwr写的，很粗糙，只发js 和html<div style="position:relative">
        <div>
          <input id="product_search" type="text" onkeyup="queryByName(this.value);panduan(event)" size="23" style="height:18px;text-align:center; color:#AB998F" value="---电子产品---" onclick="document.getElementById('product_search').value=''" >         </div>
        <div id="search" style="position:absolute;display:none">
<SELECT id="sname" NAME="sname" onkeyup="if(event.keyCode==13){document.getElementById('search').style.display='none';document.getElementById('product_search').value=this.value;document.getElementById('product_search').focus();}" size=5 style="width:175px" onclick="document.getElementById('search').style.display='none';document.getElementById('product_search').value=this.value">
</SELECT>
   </div>
        </div>
<script>
function queryByName( name)
{
if(event.keyCode==13 || event.keyCode==38 || event.keyCode==40) return;
cpzs.queryByName(name,backname);
}
function backname(msg)
{
var option="";
if(msg.length>0)
{
option+="<option value='"+msg[0].productName+"' selected>"+msg[0].productName+"</option>";
for(var i=1;i<msg.length;i++)
{
option+="<option value='"+msg[i].productName+"'>"+msg[i].productName+"</option>";
}
var str='<SELECT id="sname" NAME="sname" onkeyup="if(event.keyCode==13){document.getElementById(\'search\').style.display=\'none\';document.getElementById(\'product_search\').value=this.value;document.getElementById(\'product_search\').focus();}" size=5 style="width:175px" onclick="document.getElementById(\'search\').style.display=\'none\';document.getElementById(\'product_search\').value=this.value">'+
option+
'</SELECT>';
getEle("search").innerHTML=str;
}
getEle("search").style.display="block";
}
</script>

Answer 8

少了个，点上下方向的时候让select.focusfunction panduan(e)
{
if(getEle("search").style.display=="block"&&(e.keyCode==38 || e.keyCode==40))
{
getEle("sname").focus();
}
if(e.keyCode==13)
{
search();
getEle("search").style.display="none";
}
}

Answer 9

我用MyEclipse做一个类似百度的网页，只要里面有一个文本框，自己建一个数据库，里面添加几行数据，每行数据有2列，一列是数据名称，一列是数量（例如：id：abcd   count:50）当我再文本框里面输入a的时候，就可以从数据库中检索到id：a开头的所有数据，就这样子，不能用JQuery插件，所有代码必须是纯手工打造的。

Answer 10

dwr也不能用了呗
就是用裸体的ajax?也差不多，基本一样