Автономное хранилище HTML5 / веб-SQL

Question

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

Я бы хотел придумать что-то вроде:

• Форма, которая может отправлять данные при подключении или сохранять в автономном режиме, когда нет.
• Периодически проверяйте соединение и при возможности отправляйте данные формы.

Кто-нибудь может указать мне правильное направление здесь?

Спасибо

Chris

Answer 1

Вы можете использовать html 5 indexedDB API - http://nparashuram.com/IndexedDB API.

HTML5 WebSQL API больше не находится в активном обслуживании, и IndexedDB, похоже, является тем, что все используют.

Вы можете использовать polyfill IndexedDB-WebSQL - http://axemclion.github.com/IndexedDBShim, чтобы заставить его работать на мобильных устройствах, в дополнение к рабочему столу.

Answer 2

Звучит так, будто вам просто нужны пары ключ / значение.window.localStorage - ваш друг!

Это хранилище ключей / значений, которое сохраняется при обновлении страниц и на всех страницах в одном домене (например: run window.localStorage.userName = "John Doe"; где-то вhttp://www.somedomain.com/index.html" и затем, когда пользователь переходит к «http://www.somedomain.com/page2.html", если вы запускаете« window.localStorage.userName », он по-прежнему возвращает« Джон Доу ».

Дайте мне знать, если вам нужны фрагменты кода.*

Answer 3

http://diveintohtml5.info даст вам несколько хороших примеров использования автономного хранилища.что касается проверки наличия действительного соединения, вам, вероятно, придется что-то делать с XMLHttpRequest в фоновом режиме или отправке формы, а не использовать стандартный метод HTTP GET или POST для отправки формы.