Tengo una lista de items que cargo con un .getJSON().
$.getJSON('http://api.com/api',function(data){
console.log(data);
cont = 0;
$.each(data,function(){
item = data[cont].item;
$('#list').append('hola.'+item);
cont++;
});
});
Al clic en la class .delete
se borra de la base de datos correctamente, y al completarse la consulta ".done()"
se recarga toda la pagina. Me gustaría que en vez de recargar de nuevo toda la página sólo se eliminara el item que se ha borrado y ya no se vea por pantalla.
$(function() {
$('.delete').on('click', function() {
var data_del = $("#delete").serialize();
$.ajax({
data: data_del,
type: "POST",
url: "http://api.com/api2,
})
.done(function(){
location.reload();
});
return false;
});
});
Supongo que hay un método para que no tenga que volver a cargar toda la página cada vez que elimino un item.
He provado con remove()
, pero no es el resultado que esperaba tampoco.