Как записать куки без перезагрузки страницы и без обращение к серверу?

Question

[Кейси]

Делаю корзину. При клике на кнопку купить, оно записывает данные в массив, преобразовывает в JSON и отправляет в куки. После чего, я парщю массив достаю оттуда кол-во товара в куках и вывожу напротив корзины.
Все работает нормально, но для вывода количества заказанного товара мне надо обновлять страницу.

Как сделать так, чтобы куки обновлялись без обновления страницы?

$(document).ready(function(){
	
	function catrItemsCount(){
		var products = $.cookie('edProduct');
		if(products){
			var obj = JSON.parse(products);
			var count = 0;
			for (var key in obj) {
				var count = Number(count) + Number(obj[key]);
			}
			console.log(count);
			console.log(obj);
			$('.cart_count').text(count);
		}
		else{
			console.log(0);
		}
	}
	catrItemsCount();
});

Comments

[Ivanq]

А как отправляете в куки? Покажите кусок кода, пожалуйста.

[Кейси]

вот - $.cookie('Product', result, {path: '/', expires: 7});

после преобразования JSON.parse(products) выглядит это все так:
clip2net.com/s/3HfXjQO

[Кейси]

Ivanq: вот более удачный скрин clip2net.com/s/3HfXEsU

Answer 1

[Ivanq]

var count = Number(count) + Number(obj[key]);
Здесь var стоит убрать. Замените на let однажды, все посыпется.

И... Кажется, я что-то не понимаю, но нельзя после $.cookie('Product', result, ...); сделать catrItemsCount()? Или это как раз и не работает?

Comments

[Кейси]

именно оно и не работает.

в вопрос разместил целый кусок кода, для наглядности написал комментарии

Answer 2

[Виталий]

https://learn.javascript.ru/cookie
в статье есть готовые функции для кук