wie jquery autocomplete?

erstelle ich ein web Projekt mit JSP, und versucht zu implementieren eine einfache Suche für Benutzer aus meiner Datenbank mit jquery-autocomplete, aber ich habe Schwierigkeiten zu verstehen, wie es funktioniert. ich habe wenig bis gar keine Kenntnisse zu jquery und ajax nur um Sie wissen zu lassen. ich habe den folgenden code und komme nicht weiter.

<%@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
%>

wenn ich bin nicht falsch, ich lese aus einer website, der parameter q ist Standard und ist einfach da, aber wie zeige ich die Daten? wie gebe ich die Werte von getdata.jsp in der AutoVervollständigen?

es sollten 2 Dateien, die hilfreich sein können: viralpatel.net/blogs/2009/06/...
Hallo das ist die Seite, die ich ging, aber Sie haben nicht genügend Dokumentation und der code wird zwei code irgendwie kam es nicht getrennt

InformationsquelleAutor sutoL | 2011-01-09

7

Sind Sie aufrufen der AutoVervollständigen-Tags script vor jQuery eingebunden worden. So, nicht mit jQuery zu latch (als jQuery-Objekt wurde noch nicht definiert), nichts von dem jQuery autocomplete-plugin geladen wird.

Haben Sie
```
 <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>
```
Sollte es
```
    <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>
```
Die Bestellung stornieren, und der Firebug Fehler, die Sie erwähnt, sollte verschwinden, ich bin mir nicht sicher, es werde alles lösen, aber nichts wird funktionieren, bis das gelöst.

InformationsquelleAutor Yahel
0

Sehe ich nicht, jQuery UI enthalten (das eine stellt die AutoVervollständigen-Funktion)

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

So müssen Sie jquery.ui.autocomplete.js
(Oder verwenden Sie das plugin autocomplete? wenn dem so ist, verschieben Sie die jquery UI version)

Könnte auch sein, dass die Daten, die von getdata.jsp ist ungültig für die Verwendung in der automatischen Vervollständigung.

Wie Sie versucht, debugging von javascript in einem browser wie chrome oder firefox(mit firebug)

NÖ, was ist das jquery-ui? ich dachte, ich brauche nur zu gehören die jquery-Bibliothek von google, die autocomplete-api und css
hi , nur firebug und Fehler, die ich habe jQuery nicht definiert ist, wird$("#Suche").AutoVervollständigen ist eine Funktion nicht
Das bedeutet, dass die jQuery-Bibliothek ist nicht geladen, wenn Sie ausführen .AutoVervollständigen. Sollten Sie wickeln Sie rufen in $(document).ready(function() { $("#Suche").autocomplete("getdata.jsp"); }
Wenn Sie nicht Lesen Sie die Dokumentation über autocomplete oder jquery im Allgemeinen, dann werden Sie nie bekommen es läuft. AutoVervollständigen Sie sind jetzt aus einem plugin, dieses plugin ist nicht mehr neceserry, weil die AutoVervollständigen-Funktionalität erweitert jquery UI (mit UI-Komponenten)
hi, ich Lesen Sie die Dokumentation gelesen und ich verstehe nicht, warum gibt es viele Dateien, die enthalten sind, wenn ich laden Sie die UI. ich kann nicht finden, was sind diese Dateien wohl zu bedeuten

InformationsquelleAutor RvdK
0

Ich gewohnt geben (für jquery UI autocomplete) eine JSON formatierte Antwort, ich sehe deine Antwort-Schleife geben einen CR-getrennte Liste.

In getdata.jsp statt produzieren:
```
jim<cr>
jack>cr>
jhon<cr>
```
versuchen, zurück:
```
[{label: 'jim', value: 'jim'}, {label:
 'jack', value: 'jack'}, {label:
 'jhon', value: 'jhon'}]
```
InformationsquelleAutor Ivan Buttinoni

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.