-1

Я смотрел 10. Избранное. 01. Скрипт добавления товара в избранное с 11:30-13:30 и смотрел 10. Избранное. 02. Добавление в избранное из карточка товара. Там приведен код добавления и удаления элемента массива (товара в Избранное) в сookie

При щелчках на кнопке В избранное

введите сюда описание изображения

выдает следующие ошибки

введите сюда описание изображения

Первый щелчок на В избранное срабатывает, а другие нет (не удается выделить кнопку)

Файл, в котором создаются cookie имеет вид

$(document).ready(function(){
    
    //слайдер на главной
    $(".index_slider").bxSlider({
        mode: 'fade',
        touchEnabled: false
    });
    
    //стилизация форм
    $(".filter_bl input:checkbox, .filter_bl input:radio, .styler input:radio, .styler input:checkbox, .styler select, .styler input:file").styler();
    
    //табы в детальной
    $('body').on('click', 'ul.tabs li:not(.current)', function() {
        $(this).addClass('current').siblings().removeClass('current')
            .parents('div.section').find('div.box').eq($(this).index()).fadeIn(150).siblings('div.box').hide();             
    });
    
    //слайдер в детальной
    $(".det_slider").bxSlider({
       mode:'fade',
       controls: false,
       pagerCustom: '#det_pager'
    });
    $(".det_pager").bxSlider({
       minSlides: 1,
       maxSlides: 4,
       moveSlides: 1,
       slideWidth: 70,
       slideMargin: 20,
       pager: false,
       infiniteLoop: false
    });
    
    $("body").on('click', '.favor_bt', function() {
        console.log('Вход в click');
        let id = $(this).data('id');
        if ($(this).hasClass('active')) {
            actionFav('del', id);
            $(this).removeClass('active');
        } else {
            actionFav('add', id);
            $(this).addClass('active');         
        };
        
        return false;
    });
    
function actionFav(action, id) 
{
    console.log('Вход');
    console.log(getCookie('favorite'));
    var favorite = JSON.parse(getCookie('favorite'));
    
    console.log(favorite);
    if (favorite == null || !(favorite instanceof Array))
        favorite = [];
    
    console.log(favorite);
    
    var inArr = false;
    // проверим существование товара в массиве избранного
    for (i=0; i<favorite.length; i++) {
        if (favorite[i] == id) {
            if (action == 'del') { favorite.splice(i, 1); };
            inArr = true;
        }
    }
    
    // если товара нет в корзине, то добавим
    if (action == 'add' && (!inArr)) { favorite.push(id); };
    var d = new Date();
    d.setMonth(d.getMonth() + 1);
    setCookie ('favorite', JSON.stringify(favorite), d.toUTCString(), '/');
    
    return favorite;
}


function setCookie (name, value, expires, path, domain, secure) 
{
    document.cookie = name + "=" + escape(value) +
        ((expires) ? "; expires=" + expires : "") +
        ((path) ? "; path=" + path : "") +
        ((domain) ? "; domain" + domain : "") +
        ((secure) ? "; secure" + secure : "");
}

function getCookie(name)
{
    var cookie = " " + document.cookie;
    var search = " " + name + "=";
    var setStr = null;
    var offset = 0;
    var end = 0;
    if (cookie.length > 0) {
        offset = cookie.indexOf(search);
        if (offset != -1) {
            offset += search.length;
            end = cookie.indexOf(";", offset);
            if (end != -1) {
                end = cookie.length;
            }
            setStr = unescape(cookie.substring(offset, end));
        }
    }
    
    return setStr;
}   
});

Как устранить ошибку?

Что значит текст этой ошибки я знаю, но не понимаю почему она возникла, как ее устранить.

Я конечно понимаю, что это очень схоже с Ошибка-при-создании-cookie (для тех кто мой вопрос сочтет дублем), но как устранить мою ошибку не понимаю.

13
  • Вам там ответ написали, если что.
    – Simon
    16 мая в 11:08
  • @Simon я исправил - см. код в этом вопросе. Я внес исправления в код, но это не помогло. 16 мая в 11:10
  • 1
    Почему не приняли чужой ответ который Вам подошел? Ну а так, по тексту ошибки у Вас невалидный JSON. Посмотрите на свой же console.log(getCookie('favorite'));, он возвращает не только JSON (и вообще так-то не JSON и не строку которую можно распарсить как JSON), а Вы все равно пытаетесь все это распарсить как JSON, как Вам там и писали в комментариях.
    – Simon
    16 мая в 11:15
  • @Simon у меня в коде в getCookiе стоит вместо if (offset != 1) { if (offset != -1) { (см. ответ Yaroslav Sergienko ), но у меня возникает новая ошибка - не Uncaught SyntaxError: Unexpected token 'M', "M_SOUND_LO"... is not valid JSON, а Uncaught SyntaxError: Unexpected non-whitespace character after JSON at position 5. Читайте внимательно текст вопроса. ` 16 мая в 11:20
  • И? getCookie('favorite') возвращает Вам вот это: BITRIX_CONVERSION_CONTEXT_s1={"ID":1,"EXPIRE":1683752340,"UNIQUE":["conversion_visit_day"]}; BITRIX_SM_LAST_VISIT=16.05.2023 13:24:24. Из этого всего, вот это -- {"ID":1,"EXPIRE":1683752340,"UNIQUE":["conversion_visit_day"]} JSON и если он в виде строки, можете использовать JSON.parse() все остальное -- нет. Читайте внимательно код который пишете.
    – Simon
    16 мая в 11:23

2 ответа 2

1

Опечатка в функции getCookie: вместо

if (end != -1) {
    end = cookie.length;
}

должно быть

if (end == -1) {
    end = cookie.length;
}

Иначе функция getCookie почти всегда будет обрезать cookie не до ближайшего ;, а до конца строки. В итоге к JSON в конец добавляются лишние символы, которые вызывают указанную ошибку.

1

Дело в том, что в JSON.parse() передаётся лишняя информация, следовательно её надо обрезать. Код ниже должен исправить ошибку. Просто замените переменную favorite в функции actionFav.

var favorite = JSON.parse(getCookie('favorite').match(/{.*}/)?.[0]);
2
  • мне нужно, чтобы getCookie правильно читало cookie и работало только с айдишниками товаров. 16 мая в 11:55
  • 1
    В таком случае надо класть правильные данные в куки. Либо заниматься постобработкой как в вашем случае.
    – Yallz
    16 мая в 11:57

Ваш ответ

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

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