Uso datatable
para listar unos datos traídos desde una base de datos el cual tengo un botón para editar, que al oprimir me muestra una ventana modal, el cual busco la forma que apenas se actualizo se actualice esa tabla sin tener que recargar la pagina..
intente en el DONE
realizar nuevamente un ajax para listar los datos pero me los duplica..¿que alternativa puede existir para que apenas actualice ese dato no tenga que oprimir f5 y ni usar window.location en javascript?
**ASI ES COMO LISTO LOS DATOS EN EL DATATABLE**
table_students= $('#table').DataTable({
"columnDefs": [
{
"targets": [ 0 ],
"visible": false,
"searchable": false
},
],
});
$.ajax({
url: 'list_students',
type: 'POST',
})
.done(function(response)
{
var answer= $.parseJSON(response);
for (var i = answer.length - 1; i >= 0; i--)
{
var rowNode = table_students
.row.add([
answer[i].stu_id,
answer[i].stu_nombre,
answer[i].stu_apellido,
answer[i].stu_correo,
'<center><button type="button" name="updatestudent" id="updatestudent" class="btn btn-warning"></button>',
])
.draw()
.node();
}
})
.fail(function() {
console.log("error");
});
**ASI ES COMO ACTUALIZO**
$("#updatestudent").submit(function()
{
event.preventDefault();
var data = $(this).serializeArray();
$.ajax({
url: 'data_updatestudent',
type: 'POST',
data: data,
})
.done(function(response) {
var answer= $.parseJSON(response);
if(answer)
{
$('#ModalUpdate').modal('hide');
alert("datos actualizados");
}
else
{
alert("error");
}
})
.fail(function() {
console.log("error");
})
});
Agradeceria el interes.