Hola que tal amigos, espero se encuentren bien tengo un pequeño problema resulta que quiero hacer que con ajax me auto complete los campos de u n formulario, como por ejemplo escribo el nombre de una persona y si esta persona esta registrada en la base de datos, se auto completen los demás campos siempre y cuando el usuario exista, aun soy un principiante en esto, y tengo estos códigos, si me muestra el listado de las personas existentes en la base de datos, pero no me auto completa los demás campos, nos se donde pueda estar el error.
alumno.php
Código PHP:
<?php
$conexion = new mysqli('localhost','root','metallica','COPLADEMUN');
$Nombre_Agrupacion = $_POST['Nombre_Agrupacion'];
$consulta = "Select Domicilio, Colonia, Telefono FROM NuevoOficio WHERE Nombre_Agrupacion = '%$Nombre_Agrupacion%'";
$result = $conexion->query($consulta);
$respuesta = new stdClass();
if($result->num_rows > 0){
$fila = $result->fetch_array();
$respuesta->Domicilio = $fila['Domicilio'];
$respuesta->Colonia = $fila['Colonia'];
$respuesta->Telefono = $fila['Telefono'];
}
echo json_encode($respuesta);
?>
buscaralumno.php
Código PHP:
<?php
$conexion = new mysqli('localhost','root','metallica','COPLADEMUN');
$Nombre_Agrupacion = $_GET['term'];
$consulta = "select Nombre_Agrupacion FROM NuevoOficio WHERE Nombre_Agrupacion LIKE '%$Nombre_Agrupacion%'";
$result = $conexion->query($consulta);
if($result->num_rows > 0){
while($fila = $result->fetch_array()){
$Nombres[] = $fila['Nombre_Agrupacion'];
}
echo json_encode($Nombres);
}
?>
index.php
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<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(){
$( "#Nombre_Agrupacion" ).autocomplete({
source: "buscaralumno.php",
});
$("#Nombre_Agrupacion").focusout(function(){
$.ajax({
url:'alumno.php',
type:'POST',
dataType:'json',
data:{ Nombre_Agrupacion:$('#Nombre_Agrupacion').val()}
}).done(function(respuesta){
$("#Domicilio").val(respuesta.Domicilio);
$("#Colonia").val(respuesta.Colonia);
$("#Telefono").val(respuesta.Telefono);
});
});
});
</script>
</head>
<body>
<form>
<p>
<label for="Nombre_Agrupacion">Nombre o Agrupacion:</label>
<input type="text" id="Nombre_Agrupacion" name="Nombre_Agrupacion" value=""/>
</p>
<p>
<label for="Domicilio">Domicilio:</label>
<input type="text" id="Domicilio" name="Domicilio" value=""/>
</p>
<p>
<label for="Colonia">Colonia:</label>
<input type="text" id="Colonia" name="Colonia" value=""/>
</p>
<p>
<label for="Telefono">Telefono:</label>
<input type="text" id="Telefono" name="Telefono" value=""/>
</p>
</form>
</body>
</html>
espero puedan ayudarme en esto :D