Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS

Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17236
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Com fazer uma pesquisa sem atualizar a página atual jQuery PHP MySQL

29-01-2016 17:17

Nesse post vou mostrar um script básico de como fazer uma pesquisa sem atualizar todo o documento.
Quando o usuário começar a digitar no input text, vai chamando outra página já com os resultados.

Esse script usa o jQuery e a consulta já é feita com MySQLi

Página da busca

<script src="jquery.js"></script> <script> $(document).ready(function() { $(".busca").keyup(function() { var busca = jQuery(".busca").val(); if(busca.length >= 3) { // A PARTIR DO 3º CARACTER INICIA A BUSCA jQuery.ajax({ type: "POST", url: "resultado.php", dataType: "html", data: "busca=" + busca, success: function(response){ jQuery("#retorno").html(response); }, // quando houver erro error: function(){ alert("Ocorreu um erro durante a requisição"); } }); } // if busca }); // key up }); // ready </script> <form> <input type="text" class="busca" name="" value="" /> </form> <div id="retorno"></div>

Página do resultado

<?php header("Content-Type: text/html; charset=ISO-8859-1",true); define("SERVIDOR", "localhost"); define("USUARIO", ""); define("SENHA", ""); define("BANCODEDADOS", ""); $conecta = new mysqli(SERVIDOR, USUARIO, SENHA, BANCODEDADOS); if ($conecta->connect_error) { trigger_error("ERRO NA CONEXÃO: " . $conecta->connect_error, E_USER_ERROR); } $sql = "SELECT * FROM tabela WHERE coluna LIKE '".$_POST['busca']."%'"; $query = $conecta->query($sql); $linhas = $query->num_rows; if($linhas >= 1) { while($colunas = $query->fetch_assoc()) { echo " {$colunas["coluna"]}<br />"; } $query->free(); } else { echo "Não há resultados"; } $conecta->close(); ?>

1
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado