28
Окт
2021

Не могу реализовать удаление из корзины без перезагрузки страницы

Аjax запрос


    $('.cart__item').on('click','.del_item', function(){

    let id = $(this).data('id');
    $.ajax({
        url: '/cart/delete',
        data: {id: id},
        type: 'GET',
        success: function(res){
             $('.cart_block').replaceWith(res);
        },
        error: function(){
            alert('Errывывor!');
        }
        
    });
});

Первое удаление проходит как надо, а удаление следующего элемента уже только после перезагрузки страницы

Пробовал


     $('.cart_block').html(res);

так все элементы удаляются по очереди, без перезагрузки, Но, это ломает к чертям разметку, пшто на старую накладывается новый html

Источник: https://ru.stackoverflow.com/questions/1342985/%D0%9D%D0%B5-%D0%BC%D0%BE%D0%B3%D1%83-%D1%80%D0%B5%D0%B0%D0%BB%D0%B8%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D1%8C-%D1%83%D0%B4%D0%B0%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5-%D0%B8%D0%B7-%D0%BA%D0%BE%D1%80%D0%B7%D0%B8%D0%BD%D1%8B-%D0%B1%D0%B5%D0%B7-%D0%BF%D0%B5%D1%80%D0%B5%D0%B7%D0%B0%D0%B3%D1%80%D1%83%D0%B7%D0%BA%D0%B8-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B

Тебе может это понравится...

Добавить комментарий