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
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); }