HTML 5 App本地数据库

时间:2013-02-06 04:35:47

标签: database html5 windows-phone-8

我正在制作Q&适用于Windows 8 Phone的应用程序。

这些Q& A约为100左右,永远不会改变。

我不熟悉Windows 8 Phone SDK,因此我决定坚持使用HTML 5模板。

现在我需要保存/存储这些QA,我不想涉及使用数据库,因为这是一个非常简单的应用程序,我正在制作,我不希望它连接到/依赖服务器,我想要用户即使在离线状态下也能够使用和阅读所有QA。

因此,根据这些要求,我只能考虑以json格式存储这些QA,然后使用jquery读取QA并将其填充到HTML中。

{
    "categoryName": "Animal",
    "categoryId": 1,
    "QA": [
        {
            "question": "Which animal barks ?",
            "answer": "dog"
        },
        {
            "question": "Which animal moos ?",
            "answer": "cow"
        },
    ]
}

{
    "categoryName": "Grammar",
    "categoryId": 2,
    "QA": [
        {
            "question": "Opposite of men ?",
            "answer": "women"
        },
        {
            "question": "Vowels ?",
            "answer": "AEIOU"
        },
    ]
}

您可以建议其他方法吗?

请分享您的想法。

2 个答案:

答案 0 :(得分:2)

根据caniuse,你应该可以使用HTML5 IndexedDB和IE10

答案 1 :(得分:1)

你说数据永远不会改变,所以我不明白为什么你需要使用HTML5 IndexedDB。

您甚至不需要以JSON格式存储它,只需直接创建JS对象以获得最佳性能:

var data = [{
    categoryName: "Animal",
    categoryId: 1,
    QA: [
        {
            question: "Which animal barks ?",
            answer: "dog"
        },
        {
            question: "Which animal moos ?",
            answer: "cow"
        },
    ]
},
{
    categoryName: "Grammar",
    categoryId: 2,
    QA: [
        {
            question: "Opposite of men ?",
            answer: "women"
        },
        {
            question: "Vowels ?",
            answer: "AEIOU"
        },
    ]
}];