Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Andre Gustavo SR

auto complete

Por , em Javascript

Recommended Posts

Andre Gustavo SR    0

Andre Gustavo SR
Postado

Boa tarde,

 

Estou tentando fazer uma agenda, está quase pronta, só que gostaria de usar um autocomplete no campo de buscar para ir filtrando os resultados conforme for digitando, consegui usar o jquery mas não consigo trazer os dados da busca de volta para gerar a tabela, alguma sugestão?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Depende, mostre o código atual.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Andre Gustavo SR    0

Andre Gustavo SR
Postado

o codigo da meio bagunçado por favor ignore essas partes rsrsr

 

<?php
require_once("conexao.php");
?>
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Agenda Telefonica</title>
<link rel="stylesheet" href="bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="css/style.css" />
<script src="bootstrap/dist/js/jquery.js" type="text/javascript"></script>
<script src="bootstrap/dist/js/global.js" type="text/javascript"></script>
</head>
<body>
<div class="container">
<br />
<h1 class="text-center">
<span class="glyphicon glyphicon glyphicon-list-alt" aria-hidden="true"></span> Agenda Telefônica
</h1> <br />
 
<!--***************************************-->
<div id="miniContainer">
<div class="form-group">
<span class="glyphicon glyphicon glyphicon-user" aria-hidden="true"></span>
<a href="cadastrar.php">Novo contato</a>
</div>
 
 
<form class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Pesquisar por nome" autofocus maxlength="40" id="txtBusca" name="txtBusca" />
</div>
<button type="submit" class="btn btn-default" id="btnBusca">Pesquisar</button>
</form>
<!--***************************************-->
 
 
<!--Lista de contatos-->
<table class="table table-hover" id="lista">
<thead>
<tr class="bg-primary">
<th class="col-md-5">Nome</th>
<th class="col-md-2">Telefone</th>
<th colspan="2" class="col-md-1 text-center">Editar</th>
</tr>
</thead>
<tbody>
<?php
$q = "SELECT * FROM `usuarios` ORDER BY nome_usuario LIMIT 10";
$r = mysqli_query($con, $q);
 
while($row = mysqli_fetch_assoc($r)) {
 
 
?>
<tr>
<td><?php echo $row["nome_usuario"];?></td>
<td><?php echo $row["tel_usuario"];?></td>
<td>
<a href="editar.php?id=<?php echo $row["id_usuario"];?>">
<span class="glyphicon glyphicon glyphicon-pencil" aria-hidden="true"></span>
</a> 
</td>
<td>
<a href="excluir.php?id=<?php echo $row["id_usuario"];?> ">
<span class="glyphicon glyphicon glyphicon-remove" aria-hidden="true"></span>
</a>
</td>
</tr>
<?php  } ?>
</tbody>
</table>
</div>
</div>
<div id="footer">
 
</div>
 
 
 
</body>
</html>
o que queria é um input que ao usuario ir digitando o nome fosse filtrando os dados do banco.

 

exemplo http://www.datatables.net/

http://imageshack.com/a/img909/2551/dAhVG1.png

$(document).ready(function(){
    $("#txtBusca").keyup(function() {
        var pesquisa = $(this).val();
        //alert(pesquisa);
        $.post("busca.php", { pesquisa : pesquisa }, function(data){
        });
    });
});
<?php
    require_once('conexao.php');
    $pesquisa = $_POST['pesquisa'];
    $q = "SELECT id_usuario, nome_usuario, tel_usuario FROM usuarios WHERE nome_usuario LIKE '%$pesquisa%' ORDER BY nome_usuario LIMIT 10";
    $q = "SELECT id_usuario, nome_usuario, tel_usuario FROM usuarios WHERE nome_usuario LIKE '%a%' ORDER BY nome_usuario LIMIT 10";
    $r = mysqli_query($con, $q);
    
    $dados = array();
    
    /*
        nao sei retornar os dados em json

    */
    echo json_encode($dados);
na busca tem um 'a' mas sei que é a variavel, estava apenas testando.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Faltou o fetch_assoc() ou fetch_object() antes de você retornar a variavel $dados

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

As funções de fetch já retornam arrays.

Sua dúvida é php e não js então.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Cria um tópico lá em php.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Andre Gustavo SR    0

Andre Gustavo SR
Postado

minha duvida é como faço para passar o resultado da consulta em php de volta ao .post do jquery, uma string da pra passar direto, mas não sei passar um array, pelo que eu vi tem que converter em json mas não sei fazer isso.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Então, sua dúvida é php e não js.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito