Tema: autocompletar multiples imput con jquery, php y mysql
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/07/2013, 18:36
yamidvo
 
Fecha de Ingreso: junio-2012
Ubicación: colombia
Mensajes: 48
Antigüedad: 12 años, 6 meses
Puntos: 0
Exclamación autocompletar multiples imput con jquery, php y mysql
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
  1. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
  2.         <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
  3.         <link href="css/jqueryui.css" type="text/css" rel="stylesheet"/>
  4.         <script>
  5.             $(document).ready(function(){   
  6.                 $( "#matricula" ).autocomplete({
  7.                     source: "buscaralumno.php",
  8.                     
  9.                 });
  10.                 
  11.                 $("#matricula").focusout(function(){
  12.                     $.ajax({
  13.                         url:'alumno.php',
  14.                         type:'POST',
  15.                         dataType:'json',
  16.                         data:{ matricula:$('#matricula')}
  17.                     }).done(function(respuesta){
  18.                         $("#nombre").val(respuesta.nombre);
  19.                         $("#paterno").val(respuesta.paterno);
  20.                         $("#materno").val(respuesta.materno);
  21.                     });
  22.                 });                         
  23.             });
  24.         </script>
  25.                     
  26.     </head>
  27.     <body>
  28.         
  29.         <form>
  30.             <label for="matricula">Matricula:</label>
  31.             <input type="text" id="matricula" name="matricula" value=""/>
  32.             <label for="nombre">Nombre:</label>
  33.             <input type="text" id="nombre" name="nombre" value=""/>
  34.             <label for="paterno">Paterno:</label>
  35.             <input type="text" id="paterno" name="paterno" value=""/>
  36.             <label for="materno">Materno:</label>
  37.             <input type="text" id="materno" name="materno" value=""/>
  38.         </form>
  39.     </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