HTML5離線緩存數據庫存儲

Question

我正在使用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);

我的問題是第二種方法是最佳方法嗎？ 如果沒有人，請提供另一種最佳方式。

Answer 1

localStoage方法很好。 大多數瀏覽器至少支持5 MB的localStorage並且您的數據行看起來很小。 Javascript變量大小沒有固定限制。

將其放在隱藏的<div>會減慢初始頁面加載。