Ir para conteúdo

Arquivado

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

J.Victtor-SP

funçao sem refresh não funciona

Por , em Javascript

Recommended Posts

J.Victtor-SP    0

J.Victtor-SP
Postado

Comecei com Ajax faz pouco tempo. To tentando fazer uma pesquisa no banco sem precisar apertar o botão mais as funções não funciona esse são os aquivos

 

index.php

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Busca sem refresh</title>
<link rel='stylesheet' href='stylesheet.css'>
<script src='jquery-2.1.0.min.js'></script>
<script src='javascript.js'></script>
</head>
 
<body>
 
<h1>Buscas</h1>
 
<form>
Buscar por: <input type='text' name='campo' id='campo' autofocus>
</form>
 
<div id='resultado'>
 
<?php
 
include('conecta.php');
 
$sql=$mysqli->prepare('SELECT * FROM produtos');
$sql->execute();
$sql->bind_result($id,$produto,$valor);
 
echo "
<table>
<thead>
<tr>
<td>ID</td>
<td>Produtos</td>
<td>Valor</td>
<tr>
</thead>
 
<tbody>";
 
while($sql->fetch())
{
 
echo "
<tr>
<td>$id</td>
<td>$produto</td>
<td>$valor</td>
<tr>";
 
}
 
echo "</tbody>
</table>";
 
?>
 
</div>
 
</body>
</html>

informacao.php

 

<?php
 
include('conecta.php');
 
$campo = "%{".$_POST['campo']."}%";
 
$sql=$mysqli->prepare('SELECT * FROM produtos WHERE produto LIKE ?');
$sql->bind_param("s",$campo);
$sql->execute();
$sql->bind_result($id,$produto,$valor);
 
echo "
<table>
<thead>
<tr>
<td>ID</td>
<td>Produtos</td>
<td>Valor</td>
<tr>
</thead>
 
<tbody>";
 
while($sql->fetch())
{
 
echo $produto.'<br>';
 
}
 
echo "</tbody>
</table>";
 
?>

funcao.js

 

$(document).ready(function(){
 
$('#campo').keyup(function(){
 
 
$('form').submit(function(){
 
 
var dados = $(this).serialize();
 
$.ajax({
 
 
url: 'processa.php',
type: 'POST',
dataType: 'html',//tipo de dado
data: dados,
success: function(data){//sucesso dessa funçao
 
 
 
$('#resultado').html(data);
 
 
}
 
});
 
return false;
 
});
 
 
 
$('form').trigger('submit');
 
});
 
});

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