0

А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

8
  • Измените тип запроса type: 'POST'
    – KordDEM
    28 окт 2021 в 4:54
  • @KordDEM , а иначе никак?
    – IKIRO
    28 окт 2021 в 5:06
  • приведите пример html кода.
    – KordDEM
    28 окт 2021 в 5:23
  • у вас наверное структура .cart_block .cart_item .del_item ? заменяя тело .cart_block у вас отпадают все обработчики .cart_item click
    – teran
    28 окт 2021 в 6:47
  • @teran похоже на то, но как сделать правильно мне в голову не приходит
    – IKIRO
    28 окт 2021 в 7:23

1 ответ 1

0

предположу, что ваша структуру DOM выглядит как .cart_block => .cart_item => .del_item. Текущий обработчик удаления привязан к имеющимся .cart_item. Когда родительский блок заменяется новым контентом результатами аякса, то все .cart_item удаляются вместе со своими обработчиками, поэтому обработчики надо привязывать к этому .cart_block, который никуда не исчезает из DOM.

 $(".cart_block").on("click", ".del_item", function(e){
      e.preventDefault();            // если .del_item это <a class="del_item">
 });

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.