Использование localstorage в веб-приложении для сохранения / загрузки полей формы

Question

Я пытаюсь использовать локальное хранилище, чтобы иметь возможность сохранять / загружать несколько наборов форм ввода в веб-приложении.Я нашел пару ссылок, но я не уверен, как применить их к моим потребностям.Кроме того, большинство примеров, которые я нашел здесь, касается хранения единого набора настроек, которые затем загружаются при следующей загрузке страницы / приложения:

www.graphicpush.com / using-localstorage-api-as-а-свет база данныхwww.paperkilledrock.com/2010/05/html5-localstorage-part-three/

Первая ссылка (graphicpush) - это то, что я пытался использовать для хранения нескольких значений ввода формы, но я даже не уверенесли значения помещаются в базу данных.И как только они действительно помещаются в базу данных, я не уверен, как выборочно вызвать уникальный идентификатор из базы данных и отобразить его в форме.

Вторая ссылка, на которую я смотрел, оченьтакже близко к тому, что мне нужно, и у меня возникают те же проблемы, что и описанные ранее.

Мое веб-приложение расположено по адресу http://www.sovascreen.com/estimator, и вы можете просмотреть попытку локального хранения в «сохранить».JS "файл.Я знаю, что я очень далеко, поэтому, пожалуйста, будьте добры.

Я чувствую, что это должно быть довольно просто, но я не совсем понимаю, что мне делать, поэтому любая помощь будет оценена.

Answer 1

Локальное хранилище на удивление просто. Учебник для начинающих:

// set
localStorage.setItem('blah', 'blahblah')

// check if it is set
localStorage.getItem('blah')

// check how many items are stored
localStorage.length

// another way to get the item 
localStorage.key(0);

// remove the item
localStorage.removeItem('blah')

Вот Скрипка с крошечной библиотекой, с которой я написал для вас взаимодействие. Это позволяет объектам или строкам быть добавленными в localstore через JSON.parse и stringify.

Нажмите «Выполнить» несколько раз, и результат должен выглядеть следующим образом:

blah is not set. setting to blahblah
["blah"]
blah is set to blahblah
[]
blah is not set. setting to blahblah
["blah"]
blah is set to blahblah
[]

Answer 2

Страница не загружает файл save.js для меня.Можете ли вы подтвердить, что он работает как задумано?

Если вы используете Chrome, инструменты разработчика позволяют просматривать содержимое localStorage.Нажмите Ресурсы> Локальное хранилище.Он покажет вам все пары ключ / значение, которые вы сохранили, и вы также можете удалить их.