AutoComplete Jquery [closed]

Question

AutoComplete Jquery [closed]

Navigation

#1 by (0 votes)

1

How can I do a jQuery autocomplete to pull data from a bank?

I tried using this example I just can not.

My system is in ASP.NET MVC and I am using SQL Server as the database.

javascript jquery asp.net-mvc autocompletar

asked by anonymous 06.03.2017 / 13:59

1 answer

How to get the last selected option in a select multiple? How to create dynamic Spinner in Java

score 0 · Answer 1

It's not that easy, but it's not even a seven-headed creature:

Page where the input will go:

 <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>Auto Complete - SQL</title>

            <link href="http://jquery.bassistance.de/autocomplete/jquery.autocomplete.css" type="text/css" rel="stylesheet" />
            <script src="http://code.jquery.com/jquery-1.5.2.min.js"language="javascript"></script>
            <script src="http://jquery.bassistance.de/autocomplete/jquery.autocomplete.js"language="javascript"></script>

            <script type="text/javascript" language="javascript">

                $(document).ready(function(){
                    //Ao digitar executar essa função
                    $("#nome").focus().autocomplete("exemplo02_nomes.asp",{
                        minChars: 1 //Número mínimo de caracteres para aparecer a lista
                      , matchContains: true //Aparecer somente os que tem relação ao valor digitado
                      , scrollHeight: 220 //Altura da lista dos nomes
                      , selectFirst: true //Vim o primeiro da lista selecionado
                      , mustMatch: true //Caso não existir na lista, remover o valor
                      , delay: 0 //Tempo para aparecer a lista para 0, por padrão vem 200
                      });
                });

            </script>
        </head>

        <body>
            <h1>Autocomplete com Jquery em ASP - Exemplo 2</h1>
            Nome: <input name="nome" id="nome" type="text" autocomplete="off" />
        </body>
    </html>

Page where the database settings will go:

 <%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
    <%
        ' Parametros de Conexao ao Banco
        SERVIDOR_DO_BANCO = "localhost"
        NOME_DO_BANCO = "agenda"
        USUARIO_DO_BANCO = "mateus"
        SENHA_DO_BANCO = "123456"

        ' Conexao com o Banco de dados
        Dim conexao
        Set conexao = Server.CreateObject("ADODB.Connection")
        conexao.Open = "Provider=MSDASQL;Driver={SQL Server};Server="&SERVIDOR_DO_BANCO&";Database="&NOME_DO_BANCO&";UID="&USUARIO_DO_BANCO&";PWD="&SENHA_DO_BANCO&";" 'Efetua a Conexão

        valor = Replace(Request.QueryString("q"),"'","") 'Parâmetro do campo nome, o "q" é padrão do componente autocomplete

        ' SQL de pesquisa
        sql = "SELECT codigo, nome FROM contatos where nome like '"&valor&"%' ORDER BY nome ASC"
        Set query = conexao.execute(sql)
        While Not query.eof
            ' Lista o nome
            response.write query("nome")&"|"&query("codigo")&vbCrLf
            query.movenext
        Wend
        Set query = Nothing
        Set conexao = Nothing
    %>

Try it and see if it suits your needs, adapt, change, use as an example, any way you want.