HTML5离线缓存数据库存储答案

【问题标题】：HTML5 offline caching database storageHTML5离线缓存数据库存储
【发布时间】：2013-01-23 21:25:02
【问题描述】：

我正在开发一个 HTML5 离线应用程序，我使用 json 字符串作为我的数据库

 [
            {"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);

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

【问题讨论】：

它是静态数据库吗？你到底想做什么？

标签： javascript json html offline-caching offline-browsing

【解决方案1】：

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

将其放入隐藏的<div> 会减慢初始页面加载速度。

【讨论】：