Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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?
o codigo da meio bagunçado por favor ignore essas partes rsrsr
<?php
require_once("conexao.php");
?><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.Faltou o fetch_assoc() ou fetch_object() antes de você retornar a variavel $dados
como faço pra armazenar os dados no array?
As funções de fetch já retornam arrays.
Sua dúvida é php e não js então.
acho que precisa printar no formato correto para passar pra json, não posso passar a consulta direto pra $dados
Cria um tópico lá em php.
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.
Então, sua dúvida é php e não js.
tenho que criar um topico em php?
ok, valeu por ajudar bruno.
ok, valeu por ajudar, t+
Depende, mostre o código atual.