Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

187
Vistas
Recargar tabla de datos con javascript y php

Buenos dias, antes que nada perdon si no hago bien la pregunta, soy nuevo y me estoy adaptando a la comunidad

Actualmente tengo un codigo js-ajax que por post me consulta algunos items para mostrarlos en un datable

 function fetchItems() { $.ajax({ url: 'item-list.php', type: 'GET', success: function(response) { const project = JSON.parse(response); let template = ''; project.forEach(project => { template += ` <tr Id="${project.id}"> <td>${project.fecha}</td> <td><strong>${project.titulo}</strong></td> <td>${project.estado}</td> <td>${project.prioridad}</td> <td>${project.fechaprevista}</td> <td> <button type="button" class="btn btn-info btn-sm" Onclick="ShowInfo(${project.id})">Info</button> <button type="button" class="btn btn-success btn-sm" onClick="ShowHis(${project.id})">Añadir seguimiento</button> <button type="button" class="btn btn-danger btn-sm" onClick="Edit(${project.id})"><i class="fa fa-pencil"></i></button> </td> </tr> ` }); $('#list-modulos').html(template); }

luego estos elementos se muestran en el html con el siguiente código

 <table id="hiddenrow_desc" class="table table-bordered table-hover display"> <thead> <tr><th></th> <th>1</th> <th>2</th> <th>3</th> <th>4</th> <th>5</th> </tr> </thead> <tbody id="list-modulos"> </tbody> </table>

La primera llamada a la función fechtask es correcta y se muestra bien, la segunda y posteriores llamadas dan un error o la tabla no se puede cargar, entiendo que debe haber algún método para vaciar la tabla y volver a cargarla, pero lo hago. no saber

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Prueba esto: agregué $('#list-modulos').empty(); línea después del éxito para hacer que el cuerpo esté vacío.

 function fetchItems() { $.ajax({ url: 'item-list.php', type: 'GET', success: function(response) { $('#list-modulos').empty(); const project = JSON.parse(response); let template = ''; project.forEach(project => { template += ` <tr Id="${project.id}"> <td>${project.fecha}</td> <td><strong>${project.titulo}</strong></td> <td>${project.estado}</td> <td>${project.prioridad}</td> <td>${project.fechaprevista}</td> <td> <button type="button" class="btn btn-info btn-sm" Onclick="ShowInfo(${project.id})">Info</button> <button type="button" class="btn btn-success btn-sm" onClick="ShowHis(${project.id})">Añadir seguimiento</button> <button type="button" class="btn btn-danger btn-sm" onClick="Edit(${project.id})"><i class="fa fa-pencil"></i></button> </td> </tr> ` }); $('#list-modulos').html(template); }
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda