iPad 具有多个条目的离线 Web 应用程序

Question

我发现了大量关于 HTML5 LocalStorage 的信息，但它们都集中在保存持久的单个条目上。

我需要能够将联系表（简单 name/email/phone）保存到 iPad，然后允许其他人提交条目以保存到 iPad 本地（没有 Wifi/Internet 可用）。

然后我希望能够稍后进入并获取以任何可用格式制作的所有条目。

如有任何指导和帮助，我们将不胜感激。

我在 Whosebug 和 Google 上进行了搜索，但仍然找不到多条目教程或示例。

谢谢！

Answer 1

localStorage 非常适合您的需求。由于 localStorage 仅支持字符串，您需要进行一些转换 to/from JSON 以序列化条目。

下面是一些通用代码，希望能帮助您入门：

// read out any previous contact forms (initialise if it is empty)
var jsonEntries = localStorage["contactFormEntries"];
var contactFormEntries = JSON.parse(jsonEntries ? jsonEntries : '[]');

// ...

// sometime later... create a contact form record
var contactForm = {
    'name': 'Timmy',
    'email': 'timmy@example.com'
};

// add it to the entries array
contactFormEntries.push(contactForm);

// serialize all the contact form entries into local storage
localStorage["contactFormEntries"] = JSON.stringify(contactFormEntries);

// ...

// then, when you want to send the entries, read them all out again
var contactFormEntries = JSON.parse(localStorage["contactFormEntries"]);

iPad 具有多个条目的离线 Web 应用程序

iPad Offline Web App with Multiple Entries

html

local-storage

ipad

ios