Есть кнопка для удаления
<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();
}
});
});
Как сделать удаление без перезагрузки страницы ?
$('.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
});
Продвижение своими сайтами как стратегия роста и независимости