投稿

ラベル(sessionStorage)が付いた投稿を表示しています

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); 以下は、s...