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

Question

[Fierfoxik]

Добрый день, никак не могу разобраться как мне решить задачу, необходимо сделать что-то типо корзины товаров, но так что бы добавил товаров в корзину, перешел на другую страницу, а корзина с твоими товарами за тобой бегает и товары оттуда никуда не деваются. Как это можно релизовать и как вывести товар на страницу с корзиной, если есть пример кода или статейки.
Сделал страницу товаров serjo96.github.io/magazin и страницу с корзиной serjo96.github.io/magazin/cont.html

Answer 1

[Денис]

Если вы собираетесь сами писать, то используйте для хранения данных корзины localStorage/sessionStorage и в качестве fallback-а, если нужно, то использовать куки. А если ищите готовое решение, то попробуйте этот вариант.

Comments

[Fierfoxik]

ну тут уже нужен обработчик на php. А у меня задание сделать без бэка. Тобиж куки или локалочка.

[Денис]

Fierfoxik , кто вам сказал что обработчик "нужен". Если вам не надо передавать данные на сервер, то и никакой обработчик вам не понадобится.

Answer 2

[ThunderCat]

куки, локалстораж.
Товар, по сути в вашем виде - объект js, массив таких товаров - корзина. Сериализуйте и храните в куке/сессии. При каждом изменении / перезагрузке странички читайте и десериализуйте. затем меняйте и сохраняйте.