AJAX como recargar el contenido de una tabla

[angelosss]

hola, tengo un problema, necesito recargar una tabla, la idea es no recargar el resto de la pagina mediante ajax pero nose como hacerlo, si alquien me puede ayudar lo agradecería mucho!!!! graciasssss

[gioramies]

Hola. Coloca el código html de tu tabla y te ayudaremos. Saludos.

[angelosss]

hola, esta es la tabla:

Código HTML:

 <table width="100%" bgcolor="#FFFFFF">     
            <tbody id="est1">
            <tr>
                <th class="texto_tb1" style="font-weight:normal; padding:10px;">Fecha</th>
                <th class="texto_tb1" style="font-weight:normal; padding:10px;">Titulacion</th>
                <th class="texto_tb1" style="font-weight:normal; padding:10px;">Especialidad</th>
                <th class="texto_tb1" style="font-weight:normal; padding:10px;">Nivel</th>
                <th class="texto_tb1" style="font-weight:normal; padding:10px;">Centro</th>
                <th class="texto_tb1" style="font-weight:normal; padding:10px;">&nbsp;</th>
                <th class="texto_tb1" style="font-weight:normal; padding:10px;">&nbsp;</th>
            </tr>
</tbody>
</table> 

[gioramies]

Hola. Esa es la tabla y que es lo que específicamente quieres recargar: ¿toda la tabla? ¿una parte de ella? Y con que objetivo: ¿actualizar la información que presentas en ella? ¿Colocar otra información diferente a la actual? ¿Eliminar o agregar datos/información/filas/columnas?

Y otra pregunta: ¿Te gustaría hacerlo desde 0 o utilizando un framework? Yo te recomendaría el framework pero tu tendrías por ti mismo que comprometerte a estudiar y aprender como se logra hacerlo desde 0.

Espero tu respusta. Saludos.

[angelosss]

hola, gracias bueno lo primero quiero recargar la tabla completa ya que por otro lado se pueden estar añadiendo datos y la idea es que vayan saliendo, la informacion de la tabla se rellena con php y la idea seria que eso se recargara sin necesidad de que se recargar toda la pagina.

bueno respecto a la otra pregunta, pues si me gustaria. gracias, muchas gracias

[gioramies]

Postea todo el código para verlo

[angelosss]

esto es el codigo php

Código PHP:

  $nivel = utf8_encode($_GET['nivel']); 
 
$titulacion = $_GET['titulo']; 
 
$centro = $_GET['centro']; 
 
$fecha_inicio = $_GET['fecha_inicio']; 
$fecha_final = $_GET['fecha_final']; 
$cursando = $_GET['fecha_final']; 
$especialidad = $_GET['especialidad']; 
 
 
 
$sql = "INSERT INTO  estudios ( 
id_estudios, 
nivel, 
titulacion, 
centro, 
fecha_inicio, 
id_candidato, 
fecha_final, 
cursando, 
especialidad 
) 
VALUES ( 
NULL ,  '".$nivel."',  '".$titulacion."',  '".$centro."',  '".$fecha_inicio."',  '".$_SESSION['id_candidato']."',  '".$fecha_final."',  '".$cursando."',  '".$especialidad."' 
);"; 
 
$s = mysql_query($sql) or die("Error al intentar seleccionar les dades de l'usuari"); 
$msg = "Estudio Añadido con exito.";   
echo $msg;       
 
mysql_close($connexio);  
   

conel que hago los innsert , la tabla que te he puesto antes es la que los muestra con esete codigo:

Código PHP:

 <div id="cuerpo" style="background-color:#FFFFFF; padding-left:20px; padding-right:20px;"> 
           
 
             <table width="100%" bgcolor="#FFFFFF">      
            <tbody id="est1"> 
            <tr> 
                <th class="texto_tb1" style="font-weight:normal; padding:10px;">Fecha</th> 
                <th class="texto_tb1" style="font-weight:normal; padding:10px;">Titulacion</th> 
                <th class="texto_tb1" style="font-weight:normal; padding:10px;">Especialidad</th> 
                <th class="texto_tb1" style="font-weight:normal; padding:10px;">Nivel</th> 
                <th class="texto_tb1" style="font-weight:normal; padding:10px;">Centro</th> 
                <th class="texto_tb1" style="font-weight:normal; padding:10px;">&nbsp;</th> 
                <th class="texto_tb1" style="font-weight:normal; padding:10px;">&nbsp;</th> 
            </tr> 
             <?  
include('others/conexion.php'); 
$connexio =  mysql_connect($servidor,$user,$contrasenya) or die("No puc connectar amb el servidor");              
mysql_select_db($base_datos,$connexio) or die ("No puc connectar amb la base de dades"); 
$a = 1; 
$sql = "SELECT * FROM estudios WHERE id_candidato = ".$_SESSION['id_candidato']; 
$resultat = mysql_query($sql) or die("Error al intentar seleccionar les dades de l'usuari");   
                $valores = mysql_fetch_array($resultat); 
                 
                while($valores != FALSE){ 
                 
                 if ($a%2==1) { 
    echo '<tr><td class="texto_tb4" align="center">'.$valores['fecha_inicio'].' - '.$valores['fecha_final'].'</td><td class="texto_tb4">'.$valores['titulacion'].'</td><td class="texto_tb4">'.utf8_decode($valores['especialidad']).'</td><td class="texto_tb4">'.utf8_decode($valores['nivel']).'</td><td class="texto_tb4">'.$valores['centro'].'</td> 
    <td class="texto_tb4"><a href="modificar_estudios.php?id_est='.$valores['id_estudios'].'" rel="lyteframe" title="Reglas de uso de Amyjobs"  
   rev="width: 600px; height: 300px; scrolling: no;"><img src="imagenes/lapiz_01.gif" style="cursor:pointer;"></a></td><td class="texto_tb4"><a href="eliminar_est.php?id_est='.$valores['id_estudios'].'">&nbsp;<img src="imagenes/basura_01.gif" style="cursor:pointer;">&nbsp;</a></td> 
    </tr>'; 
        }else{             
          
echo '<tr><td class="texto_tb5" align="center">'.$valores['fecha_inicio'].' - '.$valores['fecha_final'].'</td><td class="texto_tb5">'.$valores['titulacion'].'</td><td class="texto_tb5">'.utf8_decode($valores['especialidad']).'</td><td class="texto_tb5">'.utf8_decode($valores['nivel']).'</td><td class="texto_tb5">'.$valores['centro'].'</td> 
<td class="texto_tb5"><a href="modificar_estudios.php?id_est='.$valores['id_estudios'].'" rel="lyteframe" title="Reglas de uso de Amyjobs"  
   rev="width: 600px; height: 300px; scrolling: no;"><img src="imagenes/lapiz_01.gif" style="cursor:pointer;"></a></td><td class="texto_tb5"><a href="eliminar_est.php?id_est='.$valores['id_estudios'].'">&nbsp;<img src="imagenes/basura_01.gif" style="cursor:pointer;">&nbsp;</a></td> 
    </tr>'; 
 
        } 
                    $valores = mysql_fetch_array($resultat); 
                 
                $a = $a + 1; 
                } 
            ?> 
            <tbody> 
            </table>   
       
      </div>  

bueno esto es, gracias

[angelosss]

hola, espero que alguien me pueda ayudar, gracias

[alfcm]

Por lo pronto el codigo del lado del servidor esta bien para que te pinte la tabla, ahora te falta el objecto Ajax que lo declaras como parte de JavaScript, hay varios ejemplos en internet

Este es un manual que me guie antes:
http://www.cristalab.com/tutoriales/...ularios-c165l/

Cualquier consulta me lo haces saber Suerte

[angelosss]

GRacias, lo mirare y ya comentare como me ha ido, gracias

[eall]

lo que debes hacer es dejar la tabla en un div y mediante ajax cambiar el valor innerHTML del div con la tabla generada dinamicamente.
Ahora que si lo que quieres hacer es añadir nuevas filas a una tabla, hace agún tiempo hice un tutorial de como hacerlo pero es mediante xajax, por lo que si quieres hacerlo deberás utilizar xajax. de todas formas te dejo el enlace.

Como agregar filas o rows a una tabla dinamicamente mediante xajax

exito

[charlyalize]

Iniciado por eall

lo que debes hacer es dejar la tabla en un div y mediante ajax cambiar el valor innerHTML del div con la tabla generada dinamicamente.
Ahora que si lo que quieres hacer es añadir nuevas filas a una tabla, hace agún tiempo hice un tutorial de como hacerlo pero es mediante xajax, por lo que si quieres hacerlo deberás utilizar xajax. de todas formas te dejo el enlace.

[URL="http://prodev.cl/2009/01/como-agregar-filas-rows-tabla-dinamicamente-mediante-xajax/"]Como agregar filas o rows a una tabla dinamicamente mediante xajax[/URL]

exito

Hola eall

como seria el ejemplo para mediante ajax cambiar el valor innerHTML del div con la tabla generada dinámicamente y que recargue los datos de la consulta en la tabla???.

Saludos...