autocompletar multiples imput con jquery, php y mysql

yamidvo · #1 (**permalink**) 16/07/2013, 18:36

Gracias a todos por leer este tema, tengo inconvenientes para autocompletar varios campos de un formulario con jquery autocomplete.
asi tengo el index.html:

Código HTML:

Ver original<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
        <link href="css/jqueryui.css" type="text/css" rel="stylesheet"/>
        <script>
            $(document).ready(function(){   
                $( "#matricula" ).autocomplete({
                    source: "buscaralumno.php",
                    
                });
                
                $("#matricula").focusout(function(){
                    $.ajax({
                        url:'alumno.php',
                        type:'POST',
                        dataType:'json',
                        data:{ matricula:$('#matricula')}
                    }).done(function(respuesta){
                        $("#nombre").val(respuesta.nombre);
                        $("#paterno").val(respuesta.paterno);
                        $("#materno").val(respuesta.materno);
                    });
                });                         
            });
        </script>
                    
    </head>
    <body>
        
        <form>
            <label for="matricula">Matricula:</label>
            <input type="text" id="matricula" name="matricula" value=""/>
            <label for="nombre">Nombre:</label>
            <input type="text" id="nombre" name="nombre" value=""/>
            <label for="paterno">Paterno:</label>
            <input type="text" id="paterno" name="paterno" value=""/>
            <label for="materno">Materno:</label>
            <input type="text" id="materno" name="materno" value=""/>
        </form>
    </body>

cuando voy al navegador, este autocompleta el campo matricula perfectamente, pero lo que quiero es que salgan automaticamente los valores de los demas campos asociados a esa matricula y esto no ocurre.
asi tengo buscaralumno.php:

Código PHP:

  <?php

 
$conexion = new mysqli('localhost','root','27310424','bootstrap',3306);

$matricula = $_GET['term'];

$consulta = "select matricula FROM tblalumno WHERE matricula LIKE '%$matricula%'";

 
$result = $conexion->query($consulta);

 
if($result->num_rows > 0){

    while($fila = $result->fetch_array()){

        $matriculas[] = $fila['matricula'];        

    }

    echo json_encode($matriculas);

}

 
?>

este script me trae perefectamente la matricula del alumno, pero alumno.php parece que no hace bien su trabajo.
alumno.php:

Código PHP:

  <?php

    

    $conexion = new mysqli('localhost','root','27310424','bootstrap',3306);

    $matricula = $_POST['matricula'];

    $consulta = "SELECT nombre, paterno, materno FROM tblalumno WHERE matricula = '%$matricula%'";

 
    $result = $conexion->query($consulta);

    

    $respuesta = new stdClass();

    if($result->num_rows > 0){

        $fila = $result->fetch_array();

        $respuesta->nombre = $fila['nombre'];

        $respuesta->paterno = $fila['paterno'];

        $respuesta->materno = $fila['materno'];        

    }

    echo json_encode($respuesta);

 
?>

en teoria deberia funcionar, no se cual pude ser el error.
de antemano gracias por los comentarios

oscurogt · #2 (**permalink**) 30/08/2013, 11:22

Hola amigo, el problema está en el a linea 16 tienes que agregar .val() asi:

Código PHP:

  data:{ matricula:$('#matricula').val()}