Skip to main content
1 de 2
Kiku Solé
  • 440
  • 2
  • 5
  • 14

¿Cómo eliminar items con AJAX y mostrar los resultados por pantalla?

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.

Kiku Solé
  • 440
  • 2
  • 5
  • 14