如何使用jquery自动完成？

我正在创建一个使用JSP的Web项目，并试图使用jquery自动完成从我的数据库实现一个简单的用户搜索，但是我无法理解它是如何工作的。我对jquery和ajax知之甚少，只是为了让你知道。我已经完成了下面的代码并被卡住了。如何使用jquery自动完成？

<%@page contentType="text/html" pageEncoding="UTF-8" import="ewa.dbConnect,ewa.sendEmail,ewa.pwGen,ewa.hashPw,java.sql.*" %> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd"> 

<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="css/jquery.autocomplete.css" /> 
     <script src="js/jquery.autocomplete.js"></script> 
     <script type="text/javascript" 
      src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <title>JSP Page</title> 
    </head> 
    <body> 
     <input type="text" id="search" name="search"/> 
     <script> 
     $("#search").autocomplete("getdata.jsp"); 
    </script> 
    </body> 
</html>

getdata.jsp

<%@page contentType="text/html" pageEncoding="UTF-8" import="ewa.dbConnect,java.sql.*" %> 
<%! dbConnect db = new dbConnect(); %> 
<% 
String query = request.getParameter("q"); 
db.connect(); 
Statement stmt = db.getConnection().createStatement(); 
ResultSet rs = stmt.executeQuery("SELECT username FROM created_accounts WHERE username LIKE "+query); 
while(rs.next()) 
{ 
    out.println(rs.getString("username")); 
} 
db.disconnect 
%>

如果我没有错，我从一个网站读取参数q是默认的，就在那里，但我如何显示数据？我如何将getdata.jsp中的值传递给自动完成？

来源

2011-01-09 sutoL

应该有2个文件，可能会有所帮助：http://viralpatel.net/blogs/ 2009/06/tutorial-create-autocomplete-feature-with-java-jsp-jquery.html – Infinity 2011-01-09 14:46:46

嗨，这是我去的网站，但它没有提供足够的文档，并且代码是两个代码，但它没有得到分开 – sutoL 2011-01-09 15:32:06

您所呼叫的自动完成脚本标签已被列入jQuery的面前。因此，不要让jQuery锁定（因为jQuery对象尚未定义），jQuery自动完成插件的任何内容都不会加载。

你有

<script src="js/jquery.autocomplete.js"></script> 
<script type="text/javascript" 
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

应该

<script type="text/javascript" 
     src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
    <script src="js/jquery.autocomplete.js"></script>

顺序颠倒，和你提到的Firebug的错误应该消失;我不确定它会解决所有问题，但在解决问题之前什么都不会解决。

来源

2011-01-09 16:15:45 Yahel

我没有看到被包含的jQuery UI（一个提供了自动填充功能）

http://jqueryui.com/demos/autocomplete/

所以你需要包括jquery.ui.autocomplete.js （或者，您在使用插件自动完成？如果是这样，移动到jQuery UI版本）

也可能是来自getdata.jsp的数据格式不正确，用于自动完成。

你多么努力调试的JavaScript在浏览器如Chrome或Firefox中（与萤火）

来源

2011-01-09 14:50:30 RvdK

我通常给（针对jQuery UI自动完成）一个JSON格式的答案，而我看到你的答案循环给出一个CR分隔列表。

在getdata.jsp替代产品：

jim<cr> 
jack>cr> 
jhon<cr>

试图返回：

[{label: 'jim', value: 'jim'}, {label: 
'jack', value: 'jack'}, {label: 
'jhon', value: 'jhon'}]

来源

2011-01-09 17:10:40

如何使用jquery自动完成？

回答

相关问题