Auto Completar – jQuery + JavaServer Pages(JSP) + MySQL

Reeves · 06 de November , 2009, 10:00:56 AM

Resultado:

Acabei de criar minha versão feita em JavaServer Pages(JSP)

Versão baseada neste tópico: Auto Completar Tutorial – jQuery(Ajax) + PHP + MySQL

A diferença é que nosso Javascript irá chamar ao rcp.jsp inves de rcp.php, que é elemento responsavel pela consulta ao MySQL.

obs: download desse projeto para que você possa ver em prática em anexo.

Veja nosso rcp.jsp:

Code Select


<%@page contentType="text/html" import="java.sql.*"%>
<%@page pageEncoding="UTF-8"%>

<%  if (request.getParameter("queryString") != null){ // só entra se receber o parametro de busca

    ResultSet res = null;
    Statement stm;
    Connection con;
    
    String busca = request.getParameter("queryString");
    String sql = "SELECT value FROM countries WHERE value LIKE '"+ busca +"%' LIMIT 10";
    
    try {
            Class.forName("com.mysql.jdbc.Driver");

            con = DriverManager.getConnection("jdbc:mysql://localhost:3306/BANCO","USUARIO","SENHA");
            stm = con.createStatement();
            res = stm.executeQuery(sql);

        } catch (Exception e){System.out.println("Não foi possivel se conectar ao baunco, causa:"+ e.getMessage());}
%>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP AutoComplete by Reeves</title>
    </head>
    <body>
<% while(res.next()){ %>

    <li onClick="fill('<%= res.getString("value") %>');"> <%= res.getString("value") %> </li>

<% }%>
    
    <% } else { %>
Essa página não pode ser acessada diretamente.
    <% } %>
    </body>
</html>

SIMPLES D+ ;)

FORUM DARKERS

Auto Completar – jQuery + JavaServer Pages(JSP) + MySQL

Reeves