Refrescar el contenido de un DIV.

[ljbautista]

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:

$(document).ready(function(){ 
  $("#form_add_datos").submit(function(){
        $.ajax({    
          url: "post_add.php",
          type: "POST",
          data: $("#form_add_datos").serialize(),
          success: function(data){
            if(data){
              alert('OK');
              // $("#tabla_datos").load('tabla_datosphp')
            }else alert('Error al guardar');  
          }        
        }); 
        return false;
      });
  });
 

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:

$("#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.