entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

2votos

Problemas de respuesta de una petición por AJAX

hola chic@s estoy haciendo una consulta que quiero mostrar en un modal que se encuentra dentro de un div. Envió el dato y para hacer la consulta.

    //aquí estamos en el archivo vista 1

        //aquí tengo el input de donde se obtiene el id que hace la consulta
        <input type="text" disabled id="id" name="" value="<?php echo $re->id; ?>"></input>
 //aqui tengo el modal que quiero mostrar la respuesta de la consulta
     <!-- Small modal -->
            <div class="modal fade" id="lista" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
              <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabel">Modal title</h4>
                  </div>
                  <div class="modal-body">
                    <div class="row">
                    <div class="container">
                      <div id="container"-->
                            <div id="tabla"></div>
                      </div>
                    </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                  </div>
                </div>
                </div><!-- /.modal-content -->
              </div><!-- /.modal-dialog -->
            </div><!-- /.modal -->

    //función para enviar el id
     window.onload = function ejemplo(){
                  var id=$("#id").val();
                  $.ajax({
                      url:'tabla.php',
                      method:'POST',
                      data:{
                          id:id
                      },
                     success:function(data){                       
                     $('#tabla').load('tabla.php');
                     }
               });
            }

    //aquí tengo la vista tabla

    <div class="row">
        <div class="col-sm-12">
        <h2>Lista total</h2>
            <table class="table table-hover table-condensed table-bordered">
            <caption>
            </caption>
                <tr>
                    <td>Id</td>
                </tr>
                <?php
                echo $id=$_POST["id"];
                $sql="SELECT
                            consulta.id,
                            WHERE consulta.id= '$id' ";

                    $result=mysqli_query($conexion,$sql);
                    while($ver=mysqli_fetch_row($result)){
                        $datos=$ver[0]."||".
                               $ver[1]."||".

                 ?>
                <tr>
                    <td><?php echo $ver[0] ?></td>
                    <td><?php echo $ver[8] ?></td>
                    <td><?php echo $ver[14] ?></td>
                    <td><?php echo $ver[15] ?></td>
                    <td>
                        <button class="btn btn-warning glyphicon glyphicon-pencil" data-toggle="modal" data-target="#modalEdicion" onclick="agregaform('<?php echo $datos ?>')">
                        </button>
                    </td>
                </tr>
                <?php
            }
                 ?>
            </table>
        </div>
    </div>

Hasta aquí si hace la consulta y en consola no marca ningún error en las respuesta que carga en inspecciona se ve reflejado la consulta el problema es que al mandar a llamar como respuesta me manda la tabla en blanco sin la consulta que se realizo.
Con el método POST si envía de manera correcta pero ahora el problema es cargar esa pagina.

1 Respuesta

2votos

jj19958 Puntos4130

hola chic@s lo solucione de la siguiente manera

 window.onload = function ejemplo(){
                  var id=$("#id").val();
                  $.ajax({
                      url:'tabla.php',
                      method:'POST',
                      data:{
                          id:id
                      },
                     success:function(data){                       
                     $('#tabla').load('tabla.php');
                     }
               });
            }

le cambie esto de manera e imprime lo que quiero como resultado... si tienen alguna duda al respecto... les puedo ayudar
$("#tabla").html(data);

 window.onload = function ejemplo(){
                  var id=$("#id").val();
                  $.ajax({
                      url:'tabla.php',
                      method:'POST',
                      data:{
                          id:id
                      },
                     success:function(data){           
                         $("#tabla").html(data);

                     }
               });
            }

0voto

Peter comentado

Gracias por compartirlo!

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta