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();
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();
コメント
コメントを投稿