Autocomplementar con Jquery

[linuxzero]

Código javascript:

Código Javascript:

$.ajax({
    url: "RUTA_AL_PHP",
    type: "post",
    dataType: 'json',
    success: function(datos) {
        $("#idCampo").autocomplete({
            source: datos,
            select: function(event, ui) {
                $('#idCampoHidden').val(ui.item.key);
            }
        });
    }
});
 

En el codigo php tenes que asegurarte de devolver un vector con el dato resultante de la consulta con la siguiente estructura y una vez formado el vector le aplicas el json_encode() y lo imprimis por pantalla para que lo tome el ajax. Quedaria algo asi:

Código PHP:

// TENES QUE HACER EL QUERY DONDE EL WHERE SEA EL LIKE DE LO QUE EL USUARIO TIPEA EN EL CAMPO DEL AUTOCOMPLETE
$resultado = Array('key' => $id_del_resultado, 'value' => $valor_del_resultado);
echo json_encode($resultado);
 

Con este ejemplo necesitas 2 campos: un campo del tipo text donde es donde el usuario va a ingresar la palabra y se le va a autocompletar y otro campo del tipo hidden donde una vez que seleccione la palabra del listado que le ofrece el autocomplete se llenara con el id del valor para la utilizacion de alguna consulta que necesites.

Esta es una forma muy facil de hacer un autocomplete con ajax y json. Cualquier cosa avisame ;)