「ウェブストレージ」の版間の差分

==使用法==

ウェブストレージをサポートするブラウザはwindowレベルで宣言される <code>sessionStorage</code> と <code>localStorage</code> というグローバールオブジェクトを持っている。以下の[[JavaScript]]コードによって、これらのブラウザでウェブストレージを動作させることができる。

// セッション期限に限ってブラウザに値を保存する

sessionStorage.setItem('key', 'value');

// 値を得る (ブラウザを閉じて再度開いても継続する)

alert(localStorage.getItem('key'));

 

ストレージのAPIでは文字列のみ保存できる<ref>W3C, 2011 http://dev.w3.org/html5/webstorage/</ref>。他のデータ型を保存しようとすれば、多くのブラウザでは自動的に文字列に変換される。しかし、[[JavaScript Object Notation|JSON]]に変換すれば、JavaScriptのオブジェクトを効率的に保存することができる。

// 文字列のかわりにオブジェクトを保存する

localStorage.setItem('key', {name: 'value'});

localStorage.setItem('key', JSON.stringify({name: 'value'}));

alert(JSON.parse(localStorage.getItem('key')).name); // value

 

==名称==