HTML5离线缓存数据库存储

时间:2013-02-08 06:35:35

标签: javascript json html5 offline-caching offline-browsing

我正在使用json字符串作为我的数据库

处理HTML5离线应用程序
 [
            {"id":"1","data":"a","group_name":"erwr"},
            {"id":"2","data":"b","group_name":"dasd"},                        
            {"id":"3","data":"c","group_name":"yjg"},         
             -------------------------------
             -------------------------------
                 // it has around 3000 elements
    ]

将整个json存储在变量中并指定为

是一个好主意
var mydatabase = "the above json";
localStorage.setItem('mydb', JSON.stringify(mydatabase ));

我认为javascript中var的最大字符数存在一些限制。因此可能会遗漏json中的某些元素。

我使用的另一种选择是将整个事物放在隐藏的div中

<div id="db" style="display:none">/**the above json**/</div>

并访问

var mydb = $('#db').html();
localStorage.setItem('mydb',mydb);

我的问题是第二种方法是最佳方法吗?如果没有人请提供另一种最佳方式。

1 个答案:

答案 0 :(得分:1)

localStoage方法很好。大多数浏览器支持localStorage至少5 MB,并且您的数据行看起来很小。 Javascript变量大小没有固定限制。

将其置于隐藏的<div>中会降低初始页面加载速度。