複数のオブジェクトに$。storageを使用する方法

Question

複数のオブジェクトと画像を移動させるキャンバスを作成しています。後で表示するためにローカルストレージに保存したいと思います。

私はjQueryの$.storageプラグインが理想的だと思いますが、複数のオブジェクトを保存する方法はわかりません。 jquery apiの構文は次のとおりです。

$.Storage.set({"name1":"value1", "name2":"value2", etc})` 

これは1つのオブジェクトに対してのみ有効です。引数リスト内に複数のオブジェクトを作成できますか？または、配列を格納するか？

Answer 1

JSON文字列を作成して保存することができます。データを取得するときにJSONとして解析してオブジェクトを取得できます。そうすれば、オブジェクト内の単一要素に関するすべての情報を格納できます。

UPDATEここ

あなたはJSONにJavaScriptのオブジェクトを「文字列化」するために含めることができるツール（それはすでにこれを持っていないブラウザでこの機能が追加されます）です。https://github.com/douglascrockford/JSON-js

そして、あなたがしたい場合は、巣のオブジェクトができます。

var myObj = { 
     level_one : { 
      level_two : { 
       key : 'val' 
      }, 
      level_two_too : { 
       level_three : { 
        key : 'val' 
       } 
      } 
     }, 
     level_one_too : { 
      key : 'val' 
     } 
    }, 
    str = JSON.stringify(myObj); 

str変数は次のように文字列を保持します：

ここで

{"level_one":{"level_two":{"key":"val"},"level_two_too":{"level_three":{"key":"val"}}},"level_one_too":{"key":"val"}} 

デモです：http://jsfiddle.net/ycxcV/

UPDATE

だからあなた$.storage()関数呼び出しはこのようなものになるだろう。ここでは

$.Storage.set({"element-one":JSON.stringify($('#element-one')), "element-two":JSON.stringify($('#element-two'))}) 

が作成示し更新デモですJSON文字列を解析してオブジェクトに戻します：http://jsfiddle.net/ycxcV/1/ jQueryオブジェクトを保存します。ローカルストレージの#element-oneと#element-two DOM要素に関連付けられています。