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()}