Foros del Web » Programando para Internet » Jquery »

Refrescar el contenido de un DIV.

Estas en el tema de Refrescar el contenido de un DIV. en el foro de Jquery en Foros del Web. Pues vaya no voy a aventar tanto rollo, apenas estoy aprendiendo a usar jQuery y Ajax y aunque ya hago algunas cosas estoy atorado y ...
  #1 (permalink)  
Antiguo 25/02/2015, 16:42
 
Fecha de Ingreso: junio-2010
Ubicación: Puebla, Pue.
Mensajes: 70
Antigüedad: 13 años, 9 meses
Puntos: 1
Refrescar el contenido de un DIV.

Pues vaya no voy a aventar tanto rollo, apenas estoy aprendiendo a usar jQuery y Ajax y aunque ya hago algunas cosas estoy atorado y de hecho no se si pueda.

Tengo una pagina PHP que abre un modal para ingresar un registro y abajo de esta opción muestra los registros ya guardados en la BD.

Código HTML:
 <div class="modal-body">
      <form method="post" id="form_add">          
              <input type="text" class="form-control" id="txt_medidas" 
               <button type="submit" class="btn btn-primary">+</button>  
      </form>
      
      <div id="tabla_datos"> 
            <?php
            ...
            foreach( $reg) { echo $reg->dato(); }
            ...
            ?>    
      </div>        
  </div><!-- ./modal-body --> 
para guardar el registro nuevo lo hago con ajax:

Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.   $("#form_add_datos").submit(function(){
  3.         $.ajax({    
  4.           url: "post_add.php",
  5.           type: "POST",
  6.           data: $("#form_add_datos").serialize(),
  7.           success: function(data){
  8.             if(data){
  9.               alert('OK');
  10.               // $("#tabla_datos").load('tabla_datosphp')
  11.             }else alert('Error al guardar');  
  12.           }        
  13.         });
  14.         return false;
  15.       });
  16.   });

La pregunta es, ¿se puede refrescar en contenido del div tabla_datos sin tener que recargar el contenido desde otro archivo?

Si el contenido de este div estuviera en otro archivo se que podria usar:

Código Javascript:
Ver original
  1. $("#tabla_datos").load('tabla_datosphp');

Pero en mi caso como ya de por si estoy en una ventana modal me gustaría poder hacer el add del registro y que se actualice la tabla de registros en es mismo modal...

quiero saber si se puede porque después tendría que hacer algo similar: que cada registro mostrado tenga su opción para hacer update o delete sin que se me cierre el modal y que se actualice la tabla de registros.

Etiquetas: ajax, modal, refresh, update
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:41.