Сохранить / загрузить входные значения формы в веб-приложении - PullRequest
0 голосов
/ 03 января 2012

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

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

http://mobile.tutsplus.com/tutorials/mobile-web-apps/jquery-mobile-forms/

и

http://ofps.oreilly.com/titles/9780596805784/ch05_id35816678.html

Любая помощь будет принята с благодарностью.

В настоящее время я использую jquery mobile, разрабатываю / тестирую как веб-приложение и компилирую в нативные приложения для android и ios с помощью phonegap.

1 Ответ

1 голос
/ 04 января 2012

Поскольку Chrome имеет ограничение в 4 КБ на размер файла cookie, я бы предпочел использовать HTML 5 localStorage. Однако, если размер файла cookie будет меньше 4 КБ, я бы пошел с файлами cookie, так как они с большей вероятностью будут поддерживаться. Я перечислю несколько вариантов, которые вы можете использовать:

Вариант 1: печенье

Если вы хотите использовать куки с jQuery, вам понадобится этот плагин: http://plugins.jquery.com/project/Cookie.

Тогда вы можете установить куки так:

$.cookie("key", "value");

Затем, если мы хотим получить cookie, мы просто набираем:

$.cookie("key");

Для получения дополнительной информации о том, как получить и установить файлы cookie, проверьте это сообщение в блоге (я написал сообщение в блоге, чтобы быть справедливым).

Вариант 2: локальное хранилище HTML5

Если мобильный браузер поддерживает локальное хранилище, вы можете использовать его для хранения более 5 КБ данных.

Чтобы использовать локальное хранилище, вы просто используете его как любой другой объект в Javascript:

if(localstorage.data) {
  // Do something with localstorage.data
} else {
  // Set localstorage.data
}

Вариант 3: файлы cookie и данные на стороне сервера

Вариант 3 - самая безопасная ставка. Создайте cookie-файл сеанса на стороне клиента и свяжите данные с cookie-файлом сеанса на стороне сервера.

Хотя это не то, что вы хотите (поскольку вам нужны данные на стороне клиента), это обеспечит вам максимальную гибкость.

...