具有多个条目的iPad脱机Web应用程序

Question

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

我需要能够有一个联系人表格（简单的姓名/电子邮件/电话），保存到iPad上，然后允许另一个人提交一个条目保存到iPad本地（没有Wifi/互联网可用）。

然后我想稍后能够进去，获取所有可用格式的条目。

任何方向&我们将不胜感激。

我搜索了Stackoverflow&谷歌仍然找不到多个入门教程或示例。

谢谢！

Answer 1

localStorage非常适合您的需求。由于localStorage只支持字符串，因此需要对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': '[e-mail]'
};
// 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"]);