Как сохранять данные после перезагрузки страницы на JS?

Question

[Денис Богданов]

На странице имеется множество canvas элементов, пользователь имеет возможность изменения состояния объектов нарисованных на холстах, перетаскивание, ресайзинг и прочее. Куда и как можно сохранять изменения после перезагрузки страницы?

Answer 1

[Владимир]

Только в локальные хранилища, localstorage sessionstorage, конечно можно придумать костыли в виде кук или хранить данные в GET параметрах, но это все от лукавого. Только хранилища.

Comments

[Денис Богданов]

Спасибо, тоже об этом способе думал. А насколько это кроссбраузерно?

[Владимир]

Денис Богданов: ну посмотрите на caniuse, но на вскидку ie9+, это уже обкатанная технология.

Answer 2

[ThunderCat]

Зависит от...
Если это сайт "каляки маляки онлайн, никому не покажу" - храните локально.
Если это типа общей доски с кучей юзеров и возможностью шаринга/сохранения - не вижу особой проблемы хранить на сервере, по изменению состояния элемента это изменение пишется в какой-то объект JS, перед перезагрузкой объект json-ится и отсылается аяксом на сервер. Можно сохранять все объекты сразу по изменению аяксом на сервер.