Question

action输出数据到ajax的回调函数

就以下代码，怎么样把查询到的数据像在百度中查询的那样智能提示出来？

这是ajax
$.post("query!classifyByID.action",{classifyId:$('#search').val()}
,function(data){ //成功后执行的方法
if(data != ""){
var ss;
ss = data.split("@"); //分割返回的字符串
var layer;
layer = "<table>"; //创建一个table
for(var i=0;i<ss.length-1;i++){
layer += "<tr><td class='line'>"+ss[i]+"</td></tr>";
}
layer += "</table>";
$('#searchresult').empty(); //先清空#searchresult下的所有子元素
$('#searchresult').append(layer);//将刚才创建的table插入到#searchresult内
$('.line').hover(function(){ //监听提示框的鼠标悬停事件
$(this).addClass("hover");
},function(){
$(this).removeClass("hover");
});
$('.line').click(function(){ //监听提示框的鼠标单击事件
$('#search').val($(this).text());
});
}else{
$('#searchresult').empty();
}
}
);
这是action中的方法
public String classifyByID() throws Exception{
try {
System.out.println("进入到了action");
System.out.println("传值为"+getClassifyId());
Session session = HibernateSessionFactory.getSession();
session.beginTransaction();
//System.out.println("执行sql"+dao.findByClassifyId(getClassifyId()));
dao.findByClassifyId(getClassifyId());
session.getTransaction().commit();
FORWARD = "query";
} catch (Exception ex) {
ex.printStackTrace();
}
System.out.println("action执行完毕");
return FORWARD;
}

这是需要jsp页面
<form method="post" action="query" />
<table align="center">
<br>
<tr>
<td>
<input id="search" type="text" style="" value="">
</td>
<td>
<input type="submit" name="submit" value="查询" style="">
</td>
</tr>
</table>
</form>

Answer 1

和input并列使用一个<div></div>，将ajax取回的数据通过放到<div>下面，再用<li>数据</li>。就可以了。剩下的工作就是：
1.CSS将div布局大小和位置和input对其。
2.添加上下键的事件和回车事件来完成对<div>下<li>的选中改变样式，以及回车后将数据填充到input中，并清空<div>