Как организовать временное хранилище для данных от нескольких форм?

Question

[Crash]

Суть задачи такая: есть несколько форм, у каждой есть кнопки сохранения (назовем их сабмиты). И есть главный сабмит на странице, по нажатию на который сохраняются данные из всех форм в базу. После заполнения каждой формы пользователь жмет на ее сабмит и данные должны сохраняться где-то во временном хранилище (на клиенте), чтобы потом, после заполнения всех форм, через главный сабмит все данные сохранились в базу (на сервере). Как реализовать такой изврат?) Что лучше использовать в качестве временного хранилища?

Comments

[Алексей Уколов]

Сохранять на сервере или на клиенте?

[Crash]

Алексей Уколов: вопрос поправил

[Алексей Уколов]

Uassya: а объем данных большой? Нужно хранить до перезагрузки страницы, какой-то фиксированный промежуток времени, до наступления какого-то события или вечно?

[Crash]

Алексей Уколов: в каждой из форм - можно до перезагрузки. Данные - текстовые поля, чекбоксы итд.

[Nikolay Talanov]

Localstorage? Или я как то не до конца понял что вам требуется?

Answer 1

[Saboteur]

Да в принципе можете и в локальной базе создать таблицу для временного заполнения форм. У юзера сохранять cookie, который будет ключем в вашей строке. С каждым сабмитом, юзер отправляет этот ключ и данные из одной из форм, локальная временная таблица дополняется. При нажатии большого сабмита, из временной таблицы уже идет в главную.
Периодически удалять старые записи временной таблицы, если они там висят например больше суток, ну и cookie делать тогда устаревающим за сутки

Comments

[Crash]

спасибо, буду думать

Answer 2

[Алексей Уколов]

Если данные нужно хранить до перезагрузки страницы - создайте просто для каждой формы объект и держите его в памяти, обновляя при необходимости. Любое другое решение в этих условиях - overkill.
Вот простейший вариант.

Answer 3

[Владимир]

Можно хранить данные прямо в формах. Если вы реализуете функционал, при котором при "сабмите" первой формы она удаляется и подгружается вторая форма - просто не удаляйте первую, а скрывайте с помощью css.
Вариант от Алексей Уколов так же хорош, но он сложнее.
Если предстоят реальные перезагрузки страницы либо переход на другие страницы - тогда используйте sessionStorage/localStorage