TE voy a ilustrar algo muy rapido.
Código HTML:
Ver original<input type='text' id='busqueda' /> <input type='button' id='btn-busqueda' value='Buscar' />
Ahora el evento jQuery para enviar la petición, (esto va en el head entre etiquetas <script>)
Código Javascript
:
Ver original$('#btn-busqueda').click(function(){
$.ajax({
type : 'post',
data : 'busqueda=' + $('#busqueda').val(),
url : 'buscar.php',
success : function(data)
{
$('#resultados').html(data)
}
});
});
Y tu buscar.php recibe la variable busqueda enviada por POST, hace la consulta en la BD imprime los resultados con un ciclo, y muestra los resultados.
Algo asi:
Código PHP:
Ver original<?php
$busqueda = $_POST['busqueda'];
$sql = 'SELECT * FROM tabla WHERE campo LIKE "%'.$busqueda.'%"';
echo $row['campo'];
}
Sin recargar la pagina la funcion ajax mostrara en el div resultados los resultados de tu consulta MySQL.