Question

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

我需要能够将联系表单（简单名称/电子邮件/电话）保存到iPad，然后允许其他人提交一个条目以便在本地保存到iPad（没有Wifi / Internet可用）。

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

任何方向＆amp;帮助将不胜感激。

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

谢谢！

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': '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应用程序

1 个答案: