necesito refrescar el div despues de borrar contenido

[emilkavg]

Hola amigos,

Resulta que tengo una pagina (php) que me muestra el listado total de las personas, cuando doy clic en una imagen que tengo delante de cada registro, esta me invoca a la funcion ajax "eliminar_titular()" mediante la cual paso el valor.id del registro selecionado para borrar, que a su vez lo pasa a una pagina php que se encarga de eliminar el registro en cuestion. TODO esto me funciona de maravillas.

Lo que necesito es que una vez que TODO ocurra de actualice el contenido de la pagina donde esta la lista de las personas.

Aqui dejo los codigo. Por favor AYUDA!!!

Código HTML:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr style="font-weight:bold">
                            <td width="4%">&nbsp;</td>
                            <td width="55%">Nombre y apellidos</td>
                            <td width="19%">NIT</td>
                            <td width="22%">Expediente</td>
                          </tr>
                          <?php
require('../../includes/conexion.php');
 
$rs=mysql_query("SELECT * FROM tb_titulares ORDER BY nombre, primer_apellido, segundo_apellido");
//$row = mysql_fetch_array($rs)
while($row = mysql_fetch_array($rs)){   
?>
                          <tr class="cambiacolor_pasamouse">
                            <td align="center"><a class="link" style="text-decoration:none;cursor:pointer;" ><img src="../../imagenes/otros/ico-user-delete.png" width="16" height="16" onclick="eliminar_titular(<?php echo $row['id']; ?>)" /></a></td>
                            <td><?php echo $row['nombre'] ."&nbsp;".$row['primer_apellido'] ."&nbsp;".$row['segundo_apellido'] ?></td>
                            <td><?php echo $row['nit']; ?></td>
                            <td><?php echo $row['no_exp']; ?></td>
                          </tr>
                          <?php } ?>
                        </table></td>
                      </tr>
                    </tbody>
                  </table>
 

Código Javascript:

function eliminar_titular(id){
 
    if (confirm("¿Estas seguro de eliminar el titular seleccionado?")){
    
            ajax=objetoAjax();
            ajax.open("POST", "../../acciones/guardar.php?id=9");
            ajax.onreadystatechange=function() {
                if (ajax.readyState==4) {
                    alert(ajax.responseText)
                }
            }
            ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    
    ajax.send("idtitular="+id)
    
    }else{
    
    alert("Operacion cancelada");
    
    }
 
}
 

Código PHP:

$idtitular = $_POST['idtitular'];
 
   mysql_query("DELETE FROM tb_titulares WHERE id=$idtitular");
 
   echo "Se elimino satisfactoriamente el titular.";
 

[maycolalvarez]

tienes 2 opciones:

actualizar completamente el listado, cosa que no tendría sentido si estás usando AJAX a no ser que devuelvas el contenido completo y lo hagas todo desde la misma petición.

ocultar o eliminar del DOM el registro especifico, por ejemplo aplicando display:none en el TR específico