Как отправить все данные из LocalStorage по submit?

Question

[Вадим Янгунаев]

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

Answer 1

[Максим]

Так ответ прямо в вопросе. Отправить весь localStorage.

...
onSubmit() {
const data = JSON.stringify(localStorage)
// отправить data
}

Только учтите, что там могут быть еще данные, не только с вашей формы.

Answer 2

[Ivanq]

Возможно, лучше отправлять не весь localStorage, а одно свойство. В конце концов, вы можете захотеть записать туда еще что-то, не связанное с визардом. Ну или JSON.stringify отправит лишнее.

Лучше создавайте localStorage.myForm = {} и затем записываете все поля туда, а потом JSON.stringify(localStorage.myForm) ну или самому обрабатывать.

Comments

[Евгения]

типа такого:

localStorage.myForm = {
       firstName:  firstName
       ,secondName:  secondName
       ,lastName: lastName
}

??
В результате в localStorage.myForm кладётся только строка "[object Object]"

[Ivanq]

Евгения: В localStorage хранить объекты нельзя, только строки. Поэтому нужно делать через JSON:

let value = JSON.parse(localStorage.myForm || "{}"); // чтение
value.myVal = true;
localStorage.myForm = JSON.stringify(value); // запись