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