2014年4月21日月曜日

sessionStorage Cordova(PhoneGap)

sessionStorageとは、Cordovaフレームワークを用いた、HTML5ベースのアプリ開発で利用できる、もっとも簡単なストレージです。
sessionStorageは、KeyとValueをペアとして、データにアクセスできるストレージです。
データは、ウィンドウやタブを閉じるまで有効で、ウィンドウ間で共有はされません。
また、データ容量は5MBであり、あまり大きいとは言えません。
この様なことから、sessionStorageは、アプリのキャッシュのような、一時的なストレージとして、利用するのが良いでしょう。

■データの保存
sessionStorageのsetItemメソッドを利用します。

以下は、「家入レオ」をKeyに、「サブリナ」をValueとして、データを保存しています。

var key = '家入レオ';
var data = 'サブリナ';
sessionStorage.setItem(key ,data);


以下は、JSONデータを保存する場合です。

var key = '家入レオ';
var obj = {
Single1: 'サブリナ',
Single2: 'Shine',
Single3: '太陽の女神'
};
//object ⇒ string
var data = JSON.stringify(obj);
sessionStorage.setItem(key ,data);


■データの取得
sessionStorageのgetItemメソッドを利用します。

var data = sessionStorage.getItem(key);


以下は、JSONデータを取り出す場合です。

var data = sessionStorage.getItem(key);
//string ⇒ object
var obj = JSON.parse(data);


■データの削除
sessionStorageのremoveItemメソッドとclearメソッドを利用します。

sessionStorage.removeItem(key);


以下は、sessionStorageに保存されている全てのデータを削除する場合です。

sessionStorage.clear();


0 件のコメント:

コメントを投稿