HTML5離線存儲/ Web SQL

Question

我被要求研究移動設備上的Web表單的離線存儲選項（主要是iPad上的註冊表單，用於大型活動，因爲大量數據和位置連接似乎總是一個問題）。

我想什麼想出是這樣的：

• 一個形式連接時，可以提交數據，或者脫機時不保存。
• 定期檢查連接並提交表單數據。

任何人都可以在正確的方向指向我嗎？

感謝，

克里斯

Answer 1

聽起來像是你只需要鍵/值對。 window.localStorage是你的朋友！

它是通過頁面刷新持續存在的鍵/值存儲，並跨越同一域中的所有頁面（例如：run window.localStorage.userName =「John Doe」;位於「http://www.somedomain.com」上的某處/index.html「，然後當用戶轉到」http://www.somedomain.com/page2.html「，如果運行」window.localStorage.userName「，它仍然會返回」John Doe「

讓我知道如果你需要代碼片段

Answer 2

http://diveintohtml5.info會給你一些如何使用離線存儲的很好的例子，至於檢查你是否有一個有效的連接，你可能需要做一些事情在後臺或表單中使用XMLHttpRequest提交，而不是在表單提交中使用標準HTTP GET或POST方法。

Answer 3

您可以使用html 5 indexedDB API - http://nparashuram.com/IndexedDB API。

HTML5 WebSQL API現在不再處於主動維護狀態，IndexedDB似乎是每個人都在使用的東西。

除了桌面之外，您可以使用IndexedDB-WebSQL填充 - http://axemclion.github.com/IndexedDBShim使它在移動設備上工作。