Java 使用ajax创建自动提示文本框

Java 使用ajax创建自动提示文本框,java,javascript,jquery,ajax,jsp,Java,Javascript,Jquery,Ajax,Jsp,我想用ajax创建autosuggest文本框。在写入一些字符后,它将返回电子邮件地址。从DB中的那些字符开始。这应该用JSP开发。任何人都有想法吗?按照以下步骤操作: 在javascript中: function getValue(str){ if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); } else { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")

我想用ajax创建autosuggest文本框。在写入一些字符后,它将返回电子邮件地址。从DB中的那些字符开始。这应该用JSP开发。任何人都有想法吗?

按照以下步骤操作:

在javascript中:

function getValue(str){
   if (window.XMLHttpRequest)
  {
  xmlhttp=new XMLHttpRequest();
  }
else
  {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
url = url +"?" +str;
 xmlhttp.open("POST",url_to_get_db_data,false);
xmlhttp.send(null);
document.getElementById('id_of_div').innerHTML=xmlhttp.responseText;
document.getElementById('id_of_div').style.display = "block";
}
和html格式:

<input onkeypress="getValue(this.value)"/>   //--- this will be your input text
<div id="id_of_div" style="display:none;">   //--- this is your autosuggest box which will appear down to textbox. Use css to show it at proper location.
</div>

希望这能有所帮助。

我建议查看jQuery UI附带的


看一看他们的产品,这说明了它是如何工作的

您是否考虑过将jquery UI与web应用程序集成。jQueryUI具有自动完成/建议插件


这是ajax,您只需提供一个单词列表即可

@Mayur:我编辑了我的问题,以便进一步理解。看一看,谢谢Harry…在这个url中,通过'like%'比较DB中的每个字符的逻辑应该是什么,最后我将得到这些字符的列表…我们要将该列表设置在哪里??你能用那种方式解释我吗?…嗨…我只使用这个链接…但是在那个从那个函数调用的页面中遇到了问题…我需要从我获取所有数据的页面返回任何东西吗。。???
for(Iterator it=db_list.iterator();it.hasNext();)
    {
        Object obj = (Object) it.next();
        String value = obj.getValue();
        out.print(value+"<br>");
    }