Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/11/2010, 17:00
mefistorey
 
Fecha de Ingreso: junio-2009
Mensajes: 2
Antigüedad: 15 años, 6 meses
Puntos: 0
Pregunta generar tabla con jquery

Estimados: Espero alguien pueda ayudarme con este dilema. Soy novato, por este mismo motivo he buscado desde hace días en la web y sólo obtengo respuestas de como implementar plug-in, y lo que necesito es simplemente generar una tabla con jquery.
Intento hacer:
  • Una lista de alumnos
Mi problema es el siguiente: estoy obteniendo datos desde un archivo de acción.php mediante Json y con estos datos pretendo generar una tabla con sus respectivas filas, según sean los datos obtenidos o listados obviamente; y crear la tabla dentro de una capa DIV (vacía) identificada como #lista_alumnos.
el código es el siguiente:

Código Javascript:
Ver original
  1. function mostrar_alumno(id_alumno){
  2.                
  3.                 $.ajax({
  4.                         type: 'POST',
  5.                         url: "accion_carga_alumno.php",
  6.                         dataType: "json",
  7.                         data: {idpac: id_alumno},
  8.                         success: function(data){   
  9.  
  10.                             $("#lista_alumnos").append('<table cellpadding="0" cellspacing="0" border="1" class="display" id="lista_paciente">');
  11.                             $("#lista_alumnos").append("<caption>Mi Tabla</caption>");
  12.                             $("#lista_alumnos").append("<thead>");
  13.                                 $("#lista_alumnos").append("<tr>");                        
  14.                                     $("#lista_alumnos").append("<th>Nombre</th>");
  15.                                     $("#lista_alumnos").append("<th>Apellido</th>");
  16.                                     $("#lista_alumnos").append("<th>Sexo</th>");
  17.                                     $("#lista_alumnos").append("<th>Fecha</th>");
  18.  
  19.                                 $("#lista_alumnos").append("</tr>");
  20.                             $("#lista_alumnos").append("</thead>");
  21.                             $("#lista_alumnos").append("<tbody>");
  22.  
  23.             $.each(data.filas,function(i,fila){
  24.                                
  25.                             $("#lista_alumnos").append("<tr>");
  26.                                     $("#lista_alumnos").append("<td>"+fila.nombre+"</td>");
  27.                                     $("#lista_alumnos").append("<td>"+fila.apellido+"</td>");
  28.                                     $("#lista_alumnos").append("<td>"+fila.sexo+"</td>");
  29.                                     $("#lista_alumnos").append("<td>"+fila.fecha+"</td>");
  30.                                
  31.                                    
  32.                             $("#lista_alumnos").append("</tr>");
  33.                         });
  34.  
  35.                             $("#lista_alumnos").append("</tbody>");
  36.                             $("#lista_alumnos").append("</table>");
  37.  
  38.             }              
  39.         });

Bueno, parece que no quiere funcionar, de hecho el inspector de elementos del chrome me dice que está mal cerrada la tabla.

Antes de formular la pregunta vale destacar que con el resultado de la obtención de la tabla quiero utilizar el plug-in de datatables.net.

La Pregunta es:
¿está bien utilizado el bucle? ¿Cómo o de qué manera se genera un bucle con la lista de resultados en cada <td> necesarios para crear una tabla automáticamente?
si lo tendría que hacer en php lo haría con este código:
Código PHP:
<?php
while($fila=mysql_fetch_array($articulos)){
?>
Desde ya muchas muchas, muchas gracias.