Как исправить ошибку Uncaught SyntaxError: Unexpected token u in JSON at position 0?

Question

[No_name404]

у меня есть массив,который я беру из localStorage с помощью такого кода

function loadCart(data) {
//проверяю есть ли в localStorage запись cart
if (localStorage.getItem('cart')) {
    // если есть - расширфровываю и записываю в переменную cart
    cart = JSON.parse(localStorage.getItem('cart'));
        if(isEmpty(cart)){
            $('.main-cart').html('Корзина пуста');
        }
        else init();
}
else {
   $('.main-cart').html('Корзина пуста');
}
}

после этого загружаю ассоциативный массив с товарами из бд

function init(){
$.post(
 'pages/adminPage/core.php',
{
    "action":"loadGoods"
},
showCart
);
}

и вывожу товар из localStorage

function showCart(data) {
var pack= JSON.parse(data);

var out = '';
    for (var id in cart) {
        for (key in pack) {
            if(id===pack[key].id){
                out += `<button data-id="${id}" class="del-goods">x</button>`;
                out += `<img src="pages/orderPage/goods/${pack[key].img}" 
                width='50em' height='50em'>`;
                out += ` ${pack[key].name  }`;
                out += `  <button data-id="${id}" class="minus-goods">- 
      </button>  `;
                out += ` ${cart[id]} `;
                out += `  <button data-id="${id}" class="plus-goods">+ 
      </button>  `;
                out += cart[id]*pack[key].cost;
                out += '<br>';
            }
        }
    }
$('.main-cart').html(out);
$('.del-goods').on('click', deleteGoods);
$('.plus-goods').on('click', plusGoods);
$('.minus-goods').on('click', minusGoods);
}

Проблема в том,что когда я выполняю ф-цию minusGoods

function minusGoods(){
//уменьшает товар в корзине на 1
var id = $(this).attr('data-id');
if (cart[id]===1){
    delete cart[id];
}
else cart[id]--;
saveCart();
showCart();
}

вылетает эта ошибка Uncaught SyntaxError: Unexpected token u in JSON at position 0
Не понимаю в чем может быть проблема,ведь такая же ф-ция plusGoods и deleteGoods у меня срабатывают

Answer 1

[Павло Пономаренко]

Вот тут вы вызываете функцию без аргументов:

function minusGoods(){
  // ......
  showCart();
}

А вот тут хотите в неё аргументы, которые передаете в JSON.parse

function showCart(data) {
  var pack = JSON.parse(data);

В итоге у вас получается ваша ошибка:
JSON.parse(undefined)

Comments

[No_name404]

Павло Пономаренко, я это понимаю, просто не пойму почему она возвращает undefined, ведь ф-ция

function plusGoods(){
    //добавляет товар в корзине
    var id = $(this).attr('data-id');
    cart[id]++;
    saveCart();
    loadCart();
}

или

function deleteGoods(){
    //удаляем товар из корзины
    var id = $(this).attr('data-id');
    delete cart[id];
    saveCart();
    loadCart();
}

возвращают мне id, в отличии от ф-ции minusGoods, хотя все три они аналогичны по сути
скажите пожалуйста как исправить эту ошибку

[Павло Пономаренко]

В функции init, когда получили модель магазина - вы не передавайте его сразу в showCart, а сначала сохраните локально.

У вас будет локальная копия данных где-то. Допустим, в глобальной переменной.

Теперь, когда делаете showCart - получаете данные из этой глобальной переменной.

Потому что сейчас, когда вы делаете init - вы передаете в showCart данные.
А когда делаете minusGoods - вы передаете пустоту и showCart не знает, что рендерить.

Краткий итог:
1. У вас где-то есть модель.
2. Функция рендера showCart рендерит на базе этой модели
3. Функции модели plusGoods и deleteGoods изменяют эту модель и сообщают рендеру, что он должен обновиться.

[No_name404]

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

[Павло Пономаренко]

Вам надо еще много учиться. Я говорю что-то о таком:

window.globalModel = {};

function init(){
  $.post( 'pages/adminPage/core.php', { "action":"loadGoods" }, function (goods) {
    window.globalModel.goods = JSON.parse(goods);
    showCart();
  });
}

function showCart() {
  var data = window.globalModel.goods;
  // .....
}

[No_name404]

Павло Пономаренко, я как раз таки учусь, на практике только, спасибо большое,даже не представляете как помогли.

[Павло Пономаренко]

No_name404, заработало?

[No_name404]

Павло Пономаренко, заработало,неделю наверное голову ломал,про window читал, но наглядно понять не мог,спасибо еще раз,удачи во всем

Answer 2

[Владимир]

Смотри что приходит в JSON.parse

Answer 3

[Deepcat]

Посмотри с помощью console.log(data); (поставь до JSON.parse ) что приходит из файла обработчика, думаю обратишь внимание , что там не только json , а "что то еще". Потом иди в файл обработчик и смотри, что отправляет это "что то еще". Удачи