DOMを動的に構築する

Question

私はツリービュー構造（ファイルシステム）として約10MBのdom要素を持っています。私は明らかにそのすべてを表示することも、ツリービューを改ページすることもできないので、HTMLを動的に構築する必要があります。最初は最初のレベルのノードのみを表示し、次にクリックすると最初のレベルの子を追加します。

だから私はマップを作成しました：

folderId => leaf HTML 

だから、ユーザーがルートをクリックしたときに（フォルダ）私は、動的に、ローカルストレージからの最初のレベルの子供たちのHTMLを追加します。

問題は、ローカルストレージに10 MBのマップを追加できないことです。私はQuotaExceededErrorエラーを受け取り続けます。どうすればこのようなことができますか？

Answer 1

は、サーバー側を構築し、サーバーから必要なDOMデータを取得するために、AJAXを使用してdynamicly

Answer 2

JSONで使用し、AJAXをとjQueryやJavaScriptを使用してJSONデータに応じdynaimicのdivを作成し提案します。