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

Question

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

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

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

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

Мое веб-приложение расположено по адресу http://www.sovascreen.com/estimator, и вы можете просмотреть попытку локального хранилища в файле save.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') 

Here's a Fiddle с маленькой библиотекой, которую я написал для вас, чтобы взаимодействовать. Он позволяет добавлять объекты или строки в локальный магазин через JSON.parse и stringify.

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

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. Выберите Ресурсы> Локальное хранилище. Он покажет вам все пары ключей/значений, которые вы сохранили, и вы также можете удалить их.