Foros del Web - Ver Mensaje Individual

w3w3b · #4 (**permalink**) 20/04/2016, 23:43

Cita:

Iniciado por wolf4211

Muchas gracias por tu aporte w3w3b, no estoy seguro si te refieres a las etiquetas al name=, es para saber a que campo de texto llevar el dato o no se si lo este haciendo mal, de pronto tu tienes un ejemplo de este jquery ajax que me puedas facilitar para entender a lo que te refieres, igualmente investigare sobre este y en cuanto encuentre lo que necesite lo compartiré para que me den sus aportes en que mejorar.

Gracias de antemano.

Cita:

Iniciado por wolf4211

Muchas gracias por tu aporte w3w3b, no estoy seguro si te refieres a las etiquetas al name=, es para saber a que campo de texto llevar el dato o no se si lo este haciendo mal, de pronto tu tienes un ejemplo de este jquery ajax que me puedas facilitar para entender a lo que te refieres, igualmente investigare sobre este y en cuanto encuentre lo que necesite lo compartiré para que me den sus aportes en que mejorar.

Gracias de antemano.

Ahi te paso un ejemplo d eun autocompletar que hice con jquery ajax y php.
Espero que te sirva

Index.php (Formulario y recepcion de resultados)

Código HTML:

Ver original<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="estilo.css">
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="autocompletar.js"></script>
</head>
<body>
 
 
    <form>
       <input type="text" size="50" id="buscar" name="buscar" />
       <div id="autocompletar"></div>
    </form>
    
</body>
</html>

Pagina funcion js, ahi uso la función Jquery AJAX (para ello debes tener la biblioteca jquery)

Código Javascript:

Ver original$(document).ready(function() {    
    //Al escribr dentro del input con id="service"
    $('#buscar').keyup(function(){
        //Obtenemos el valor del campo que pulsa el keypress (en este ejemplo buscar)
        var $buscar = $("#buscar").val();        
        var cadena = 'buscar='+$buscar;
        
        //Enviamos los datos a buscar a php para que consulte la bbdd
        $.ajax({
            type: "POST",
            url: "autocompletar.php",
            data: cadena,
            success: function(data) {
                //Escribimos las sugerencias que nos manda la consulta
                $('#autocompletar').fadeIn(1000).html(data);
                //Al hacer click en algua de las sugerencias
                 $('.autocompletar').click(function(){
                    $('#autocompletar').fadeOut(1000).html(data);
                    //Obtenemos la id unica de la sugerencia pulsada
                   $('#buscar').val($(this).html());
                });    
            }
        });
    });     
                                
});

Archivo php que conecta a la base de datos y retorna los resultados encontrados por la consulta. Esta es llamada desde la funcion ajax, imprime los resutados, que son capturados desde el metodo succes del Ajax y enviado a la seccion html con el id="autocompletar".

Código PHP:

Ver original<?php
header( 'Content-type: text/html; charset=iso-8859-1' );
 
$hostname = 'localhost';
$database = 'basdatos';
$username = 'usuarios';
$password = 'password';
 
$mysqli = new mysqli($hostname, $username,$password, $database);
 
if ($mysqli -> connect_errno) {
die( "Fallo la conexión a MySQL: (" . $mysqli -> mysqli_connect_errno() 
. ") " . $mysqli -> mysqli_connect_error());
}
else
 
//$mysqli -> mysqli_close();
 
$buscar = $_POST['buscar'];
 
$sql = "SELECT * FROM usuarios WHERE nombre like '%" . $buscar . "%' ORDER BY nombre ASC";
$res = $mysqli->query($sql);
 
foreach($res as $fila) {
    echo "<p><a class='autocompletar' name='".$fila['nombre']." ".$fila['apellido']."' id='opcion".$fila['nombre']."'>".$fila['nombre']." ".$fila['apellido']."</a></p>";
     
}
 
 
?>

P.D: Acuerdate de valorar con un +1 la ayuda prestada. Espero que te sea util y pueda resolver tus dudas.

Un Saludo