funçao sem refresh não funciona
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');
});
});Discussão (1)
Carregando comentários...