Как удалить товар с корзины без перезагрузки?

438
24 августа 2017, 21:08

Есть кнопка для удаления

<button type="button" class="btn btn-danger lii" name="del" data-id="<?=$value->id;?>">удалить</button>

удаляется при помощи очистки сессии

if(is_numeric($_GET['id'])) {
unset($_SESSION['cart'][$_GET['id']]);

} и обновляло страницу используя ajax

$('.lii').on('click',function(){
    $.ajax({
        url:'/cart',
        data:{id:$(this).data('id')},
        success:function(){
            location.reload();
        }
    });
});

Как сделать удаление без перезагрузки страницы ?

Answer 1
$('.lii').on('click',function(e){ // <-- Помещаем событие в переменную e
    var $button = $(e.targert);
    e.preventDefault(); // <-- Прерываем событие по-умолчанию
    $.ajax({
        url:'/cart',
        data:{id:$(this).data('id')},
        success:function(){
            //location.reload(); <-- Убрать перезагрузку страницы и сделать обновление узлов DOM которые содержали инфу о товаре
            $button.closest(".product").remove();
        }
    });
    return false; // <-- Возвращаем false
});
READ ALSO
slideDown callback выполняется много раз

slideDown callback выполняется много раз

Есть jQuery-объект block, состоящий из нескольких элементовК объекту применяется функция slideDown(), после выполнения которой, для всех элементов...

423
Посоветуйте слайдер

Посоветуйте слайдер

Всем доброе время сутокНе могу уже несколько дней найти подобный плагин для слайдера (обычно пользуюсь slick slider) Вся проблема в том, что у картинок...

332