serialize в JS?

Накидываю сайтец пацану на диплом: https://jsfiddle.net/uhzdtjer/
Интересует кнопка "купить" - что-то я с ней перемудрил по-моему.
Сейчас работает так:
в куку пишется строчка типа: 1*3-2*5
Красным пометил id товара, зелёным количество, остальное это разделители.
Так вот, эта строчка парсится в PHP через explode, а в JS через split. Думаю, может сделать проще? Я бы засунул массив в строку, но не знаю как сделать в JS serialize грамотно, чтобы потом в PHP unserialize делался без проблем. Подскажите кто плавал.

 

Точняк.

 

Дошли руки это попробовать. Делаю так:

Код (Javascript):

1. // берём id товара
2. var id = $('#buy-button').data('id');
3. // корзина пока пуста, создаём новую
4. var basket = {};
5. // добавляем в корзину товар с количеством 1
6. basket[id] = 1;
7. // объединяем в строку
8. basket = JSON.stringify(basket);
9. // записываем корзину в куку
10. Cookies.set('basket', basket);

Вот что записывается в куку, когда id товара 10:

Код (Text):

1. {%2210%22:1}

Работает нормально, но что за %22 появились? Гугл пишет, что это двойные ковычки. Не получается убрать, перегуглил всё что мог.

 

Всё, разобрался. Экранирование делала эта библиотека: https://github.com/js-cookie/js-cookie
Записал в куки так и экранирование ушло:

Код (Javascript):

1. document.cookie = 'basket='+basket;

Результат:

Код (Text):

1. {"5":"1","6":4,"8":5}