cargar pagina con ajax

[geraldine_kanuni]

Hola chicos, gracias por su atencion. Mi problema es que tengo una pagina donde mediante php se crea una tabla con los datos que recibe de una consulta a la base de datos que esta en mysql. Lo que se muestra en esta pagina es los usuarios existentes en la base de datos y me da la posibilidad de crear uno nuevo mediante un boton que muestra un formulario donde se llenan los datos y al darle al boton crear nueva cuenta, envia los datos mediante ajax a una pagina php que lo que hace es insertar el nuevo usuario, entonces lo que quiero es que despues de esto se recargue la pagina para que se vea el usuarios nuevo en la tabla que los lista todos y no se como hacerlo. Gracias por adelantado.

[javifranco]

Esa tabla donde tienes los usuarios, debería estar dentro de un div. Pues cuando insertes por ajax, que la respuesta de ese script sean todos los datos de la tabla usuarios, lo procesas por javascript, te creas tu nueva tabla en javascript y recargas el div por javascript

Esa es la idea, si necesitas algo de código, dímelo.

[geraldine_kanuni]

Gracias por responderme, mira esta funcion es la que llamo dentro del formulario de la pagina para que me cree la tabla con los datos que estan en la bd hasta el momento y la funcion en js mostrar_lightbox('over1') lo que hace es mostrar el div over1 que son los campos que hay que llenar para crear uno nuevo, este tiene un boton que se llama accion que es el que mediante js crea el objeto ajax y manda los datos de este form a una pagina php que lo unico que hace es insertar ese nuevo usuario y despues de esto lo que quiero es que se ejecute nuevamente mi funcion php que crea la tabla para que coja todos los valores de antes mas el nuevo que cree, pero sin recargar la pagina. Gracias

Código PHP:

function genera_administracion_consultores()
{   
    $datos = consultores();
    $nombre = $datos[0];
    $correo = $datos[1];
    $usuario = $datos[2];
    $contrasena = $datos[3];
    $permisos = $datos[4];
    echo '<span class="style14">'.utf8_encode("Consultores").'</span><br/><br/>
    <table width="557" border="0" cellspacing="6" cellpadding="0">
    <tr>
    <td width="22" align="left" valign="top">
    <a href="'; ?>javascript:mostrar_lightbox('over1')<?php echo '">
    <img src="images/icon-add_usuario2.jpg" width="22" height="22" border="0"/>
    </a>
    </td>
    <td width="22" align="right" valign="top">
    <a href="#">
    <img src="images/icon-delete_usuarios2.jpg" width="22" height="22" border="0"/>
    </a>
    </td>
    <td width="489" align="left" valign="middle">&nbsp;</td>
    </tr>
    </table>
    <table width="557" border="0" cellspacing="6" cellpadding="0" class="tabla_juntar_bordes">
    <tr height="22" class="borde_solid_encabezado2">
    <td width="22" align="left" valign="middle">
    <input type="checkbox" name="check_all" id="check_all" onClick="'; ?>javascript:check_uncheck_all('consultores')<?php echo '"/>
    </td>
    <td width="200" align="left" valign="middle" class="style11">'.utf8_encode("USUARIO").'</td>
    <td width="259" align="left" valign="middle" class="style11">'.utf8_encode("NOMBRE").'</td>
    <td width="20" align="left" valign="middle">&nbsp;</td>
    <td width="20" align="right" valign="middle">&nbsp;</td>
    </tr>';
    for ($i = 0; $i < sizeof($usuario); $i++)
    {       
        if (sizeof($usuario) > 1)
        {
            if ($i == 0)
            {
                echo '<tr height="22" class="borde_dashed3">';
            }
            elseif ($i == (sizeof($usuario) - 1))
            {
                echo '<tr height="21" class="borde_solid2">';
            }
            else
            {
                echo '<tr height="21" class="borde_dashed3">';
            }
        }
        else
        {
            echo '<tr height="22" class="borde_solid2">';
        }        
        echo '<td align="left" valign="middle"><input type="checkbox" name="check'.$i.'" id="check'.$i.'"/></td>
        <td align="left" valign="middle" class="style9">'.$usuario[$i].'</td>
        <td align="left" valign="middle" class="style9">'.$nombre[$i].'</td>
        <td align="left" valign="middle"><img src="images/icon-edit.jpg" width="16" height="16"/></td>
        <td align="right" valign="middle"><img src="images/icon-delete.jpg" width="16" height="16"/></td>
        </tr>';
    }   
    echo '</table>
    <div id="acciones_div" style="display:none;"></div>
    <div id="over1" class="overbox1" style="display:none">
    <div id="over1_header" class="overbox_header">
    <div id="accion_nuevo" style="float:left; padding-left:6px;"><strong>'.utf8_encode("Nuevo Consultor").'</strong></div>
    <div id="accion_editar" style="float:left; padding-left:6px; display:none;"><strong>'.utf8_encode("Editar Consultor").'</strong></div>
    </div>
    <div id="over1_body" class="overbox_body">
    <table width="494" border="0" cellspacing="0" cellpadding="0" class="tabla_juntar_bordes">
    <tr height="40">
    <td colspan="3" align="left" valign="top" class="style11">'.utf8_encode("NOMBRE COMPLETO").'<br/>
    <input name="nombre_consultor" id="nombre_consultor" value="" type="text" class="edit5"/>
    </td>
    <td width="10" rowspan="4" align="left" valign="top" class="style11">&nbsp;</td>
    <td width="174" rowspan="4" align="left" valign="top" class="style11">
    <div class="rectangulo_permisos">&nbsp;'.utf8_encode("PERMISOS").'<br/><br/>
    <div style="float:left;">
    <input name="permiso_consultores" id="permiso_consultores" type="checkbox" value="consultores"/><br/>
    <input name="permiso_clientes" id="permiso_clientes" type="checkbox" value="clientes"/><br/>
    <input name="permiso_puestos_trabajo" id="permiso_puestos_trabajo" type="checkbox" value="puestos_trabajo"/><br/>
    <input name="permiso_catalogos" id="permiso_catalogos" type="checkbox" value="catalogos"/><br/>
    <input name="permiso_articulos" id="permiso_articulos" type="checkbox" value="articulos"/><br/>
    <input name="permiso_archivos_descarga" id="permiso_archivos_descarga" type="checkbox" value="archivos_descarga"/><br/>
    <input name="permiso_direccion_contacto" id="permiso_direccion_contacto" type="checkbox" value="direccion_contacto"/>                    
    </div>
    <div style="float:left; line-height:19px;">
    <span class="style9">'.utf8_encode("consultores").'</span><br/>                 
    <span class="style9">'.utf8_encode("clientes").'</span><br/>                 
    <span class="style9">'.utf8_encode("puestos de trabajo").'</span><br/>
    <span class="style9">'.utf8_encode("catálogos").'</span><br/>
    <span class="style9">'.utf8_encode("artículos").'</span><br/>
    <span class="style9">'.utf8_encode("archivos de descarga").'</span><br/>
    <span class="style9">'.utf8_encode("dirección de contacto").'</span>
    </div>
    </div>
    </td>
    </tr>
    <tr height="40">
    <td width="150" align="left" valign="top" class="style11">'.utf8_encode("USUARIO").'<br/>
    <input name="usuario_consultor" id="usuario_consultor" value="" type="text" class="edit1"/>
    </td>
    <td width="10" align="left" valign="top" class="style11">&nbsp;</td>
    <td width="150" align="left" valign="top" class="style11">'.utf8_encode("CONTRASEÑA").'<br/>
    <input name="contrasena_consultor" id="contrasena_consultor" value="" type="password" class="edit1"/>
    </td>
    </tr>
    <tr height="40">
    <td colspan="3" align="left" valign="top" class="style11">'.utf8_encode("CORREO ELECTRÓNICO").'<br/>
    <input name="correo_consultor" id="correo_consultor" value="" type="text" class="edit5"/>
    </td>
    </tr>
    <tr>
    <td colspan="3" align="left" valign="bottom" class="style11">
    <input type="button" name="accion" id="accion" value="Crear" class="button1" onclick="enviar_consultor()"/>&nbsp;&nbsp;
    <input type="button" name="cancelar" id="cancelar" value="Cancelar" class="button1" onclick="'; ?>javascript:ocultar_lightbox('over1')<?php echo '"/>
    </td>
    </tr>
    </table>
    </div>
    </div>';
}
 

[javifranco]

El problema está en que quieres llamar a la función PHP y lo tienes que hacer por javascript. Vamos por pasos:
- Cuando insertes al usuario el script te debería devolver un XML con todos los datos
de la tabla a mostrar. O sea, te vas componiendo un xml con lo que tengas en la tabla después de insertar.
- Ahora, en la función de respuesta válida de la petición ajax, te llamas a otra función que te parsea el XML. Creas una tabla en javascript (con la misma estructura que tienes en php) y sustituyes el div de la tabla que tenías por lo que te has parseado en javascript.
Muestramé el código de la respuesta ajax y del javascript que tienes ahora.