Problema con ajax

jokers777 · #1 (**permalink**) 01/07/2015, 13:44

Buenas, tengo un problema al intentar cargar en un <select> de html el resultado guardado en la base de datos, estos datos los extraigo mediante ajax. La verdad he buscado en internet y no he encontrado ningun ejemplo o una descripcin de los pasos a seguir para lograr esto.

Dejare el codigo del ajax que utilizo, son 3 archivos

jokers777 · #2 (**permalink**) 01/07/2015, 13:51

representante-estudiante.php

Código PHP:

Ver original<?php
 
require_once ("conexion.php");
//este script realiza una busqueda con el parametro enviado 
    $ci =$_POST['ci_repr'];
 
$busqueda=pg_query("SELECT * FROM representante WHERE pk_representante='$ci';");
 
if($mostrar=pg_fetch_array($busqueda))
{
    
    
    $respuesta->nombre =$mostrar['nombre_repr']; //le asigna a la variable nombre el valor de la respuesta obtenida de la base de datos donde el primer valor es una variable creada para almacenar el resultado y el segundo el nombre del atributo en la BD
    $respuesta->apellido =$mostrar['apellido_repr'];
}
    echo json_encode($respuesta);
    
?>

jokers777 · #3 (**permalink**) 01/07/2015, 13:52

buscar-rep-ing-est.php

Código PHP:

Ver original<?php
 
require_once ("conexion.php");
$ci = $_POST['ci_repr'];
 
$busqueda=pg_query("SELECT nombre_repr, apellido_repr FROM representante WHERE pk_representante='$ci';");
 
 
 
 
$result =$mostrar=pg_fetch_array($busqueda);
 
if($result->pg_num_rows> 0){
    while($fila = $result->pg_fetch_array()){
        $matriculas[] = $fila['ci_repr'];   //este valor son el id del elemento de busqueda
    }
    echo json_encode($matriculas);
}
 
?>

jokers777 · #4 (**permalink**) 01/07/2015, 13:56

modulo-modificar-estudiante.html

Código HTML:

Ver original<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <LINK href='css/letras.css' type=text/css rel=stylesheet>  
    <script languaje="javascript" src="js/tipodedato.js"></script>
    <script languaje="javascript" src="js/activar-cajas.js"></script>
    <script languaje="javascript" src="js/validaciones.js"></script>
    <script type="text/javascript" src="js/jquery-1.11.2.js"></script>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>
 
<script>
 
    $(document).ready(function(){
        $("#identificador" ).autocomplete({//este valor son el id del elemento de busqueda
            source: "http://localhost/proyecto/Controlador/modificar-buscar-estudiante-ajax.php", //enviamos el valor ci a la ruta especificada
        });
 
        $("#identificador").blur(function(){
            $.ajax({
                url:'http://localhost/proyecto/Controlador/modificar-estudiante-ajax.php',
                type:'POST',
                dataType:'json', //metodo en el cual los datos son trasmitidos desde la busqueda de php para el ajax
                data:{ identificador:$('#identificador').val()} //estos dos valores son el id del elemento con el que se realiza la busqueda del formulario
            }).done(function(respuesta){
                $("#nombre_estudiante").val(respuesta.nombre); //el primer valor es el id del input y el segundo es la variable creada en modificar-representante-ajax.php
                $("#apellido_estudiante").val(respuesta.apellido);
                $("#cedula_identidad_estudiante").val(respuesta.cedulaestudiante);
                $("#seccion_estudiante").val(respuesta.seccion);
                $("#ci_repr").val(respuesta.cedularepresentante);
                $("#nombre_representante").val(respuesta.nombrerepresentante);
                $("#apellidos_representante").val(respuesta.apellidorepresentante);
            });
        });
    });
</script>
 
 
<script>
 
    $(document).ready(function(){
        $("#ci_repr" ).autocomplete({//este valor son el id del elemento de busqueda
            source: "http://localhost/proyecto/Controlador/buscar-rep-ing-est.php", //enviamos el valor ci a el archivo busc_usu.php
        });
 
        $("#ci_repr").blur(function(){
            $.ajax({
                url:'http://localhost/proyecto/Controlador/representante-estudiante.php',
                type:'POST',
                dataType:'json', //metodo en el cual los datos son trasmitidos desde la busqueda de php para el ajax
                data:{ ci_repr:$('#ci_repr').val()} //estos dos valores son el id del elemento con el que se realiza la busqueda del formulario
            }).done(function(respuesta){
                $("#nombre_representante").val(respuesta.nombre); //el primer valor es el id del input y el segundo es la variable creada en usuario.php
                $("#apellidos_representante").val(respuesta.apellido);
            });
        });
    });
</script>
</head>
</head>
<body>
    <h4>Modificar Estudiante</h4>
    <form method="POST" action="http://localhost/proyecto/Controlador/modificar-estudiante.php" onsubmit="return confirm('Desea modificar el registro')">
 
        <table border="3" cellpadding="10%" cellspacing="10%" align="center">
            <tr>
                <td><select name="tipo" id="tipo" size=1>
                        <option value=0>Cédula Escolar</option>
                        <option value=1>Cédula de Identidad</option>
                    </select>
                <td><input type="text" name="identificador" id="identificador" maxlength="14">
                <td><button type="button" name="buscar" onclick="activar5()" >Activar</button>
            </tr>
        </table>
 
        <br><br>
 
        <table border="3" cellpadding="10%" cellspacing="10%" align="center">
            <tr>
                <td>Nombres:
                <td><input type="text" name="nombre_estudiante" id="nombre_estudiante" maxlength="50" onkeypress="return sololetras(event)" onpaste="return false" disabled="disabled">
                <td>Apellidos:
                <td><input type="text" name="apellido_estudiante" id="apellido_estudiante" maxlength="50" onkeypress="return sololetras(event)" onpaste="return false" disabled="disabled">
            </tr>
            <tr>
                <td>Cédula de Identidad:
                <td>
                    <input type="text" name="cedula_identidad_estudiante" id="cedula_identidad_estudiante" maxlength="9" onkeypress="return cedula(event)" onpaste="return false" size="20" placeholder="ej: V0000000 , E66666" onkeyup = "this.value=this.value.toUpperCase()" disabled="disabled">
                <td>Sección:
                <td><input type="text" name="seccion_estudiante" id="seccion_estudiante" maxlength="3" disabled="disabled">
            </tr>
            <tr>
                <td class="estilo1" colspan="4" align="center"><b>Representante<b>
            </tr>
            <tr>
                <td>Cédula de Identidad:
                <td>
                    <input type="text" name="ci_repr" id="ci_repr" maxlength="9" onkeypress="return cedula(event)" onpaste="return false" size="20" placeholder="ej: V0000000 , E66666" onkeyup = "this.value=this.value.toUpperCase()" disabled="disabled">
                <td>Nombres:
                <td><input type="text" name="nombre_representante" id="nombre_representante" maxlength="50" disabled="disabled" >
            </tr>
            <tr>
                <td>Apellidos:
                <td><input type="text" name="apellidos_representante" id="apellidos_representante" maxlength="50" disabled="disabled" >
                <td>Parentesco:
                <td><select name="parentesco" id="parentesco" size="1" disabled="disabled">
                    <option value="0"></option>
                    <option value="Madre">Madre</option>
                    <option value="Padre">Padre</option>
                    <option value="Hermano(a)">Hermano(a)</option>
                    <option value="Tutor">Tutor</option>
                    <option value="Representante Legal">Repesentante Legal</option>
                </select>
            </tr>
            <tr align="center">
                <td colspan="4"><input  type="submit" name="guardar" id="guardar" value="Guardar" onclick="activar9();return validar_modificar_estudiante()" disabled="disabled">
                <input type="reset" name="restaurar "value=Restaurar onclick="activar6()">
            </tr>
        </table>
    </form>
</body>
</html>

El select del cual quiero que se muestre la opcion que este guardada en la BD es el de parentesco, osea que si en la BD el estudiante N°1 tiene como parentesco padre, al yo buscarlo con el ajax al N°1 el select se coloque en esa opcion