トップへ(mam-mam.net/)

ローカルストレージとセッションストレージ(localStorage,sessionStorage)

検索:

ローカルストレージやセッションストレージを使うと、Javascriptからブラウザ(が管理するディスク領域)にデータを保存することが出来ます。
入力値や計算結果等を保存して、あとから取り出すような用途に使用できます。
クッキーより大きなサイズのデータを保存できますが、サーバーには送信しません。必要ならcookieやgetやpostやajaxなどで送信しましょう。
ローカルストレージとセッションストレージの保存場所は別々 ですので、同じ[key]でデータを保存しても別々に保存されますので、同時に使用しながら使い分けることが出来ます。

■Window.localStorage

保存されたデータには保持期間の制限はありません。

データの保存

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

保存データの取得

var valueLocal = localStorage.getItem('key');

保存データの削除

localStorage.removeItem('key');

■Window.sessionStorage

保存されたデータはページのセッションが終了する(ブラウザタブが閉じられた)ときに消去されます。

データの保存

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

保存データの取得

var valueSession = sessionStorage.getItem('key');

保存データの削除

sessionStorage.removeItem('key');