Skip to main content
se eliminó 1 carácter en el cuerpo
Origen Enlace
Kiku Solé
  • 440
  • 2
  • 5
  • 14

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.

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.

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.

Origen Enlace
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.