cookieの代わりに、簡単に操作できるlocalStorage を使ってみる
PR
cookieは長らく使われてきましたが
容量的な問題や、有効期限の問題等がある
そこで、最近注目を浴びているのが localStorage
localStorageはcookieよりも、大きいサイズのデータが保存出来
有効期限も無期限となっている
また、cookieよりも簡単にデータの保存と読込が出来る
ってことで良いことずくめ
localStorage でデータの保存と読込を行う
データの保存
localStorage.setItem('key','value');
データは key と value で保存出来 cookie と同じような使い方
データの読込
localStorage.getItem('key');
キーを指定するだけで 値を取得出来る
たったのこれだけ！
jQueryとかjQuery.cookie.js とかのプラグインのようなものは使わなくても
これだけで使えてしまうシンプルな設計、あと短くて覚えやすいし
テキストエディタの補完機能があれば、あれよあれよと簡単に書けます
ただ、localstorageは ドメイン、ポート、サブドメインの有無、httpsの有無で保存と読込の領域が決まるので、それぞれにまたがってってことは出来ないようです
セキュリティ的な問題ですね。
例えば
hhtp://9-bb.com と https://9-bb.com ではダメですし
http://www.9-bb.com と https://9-bb.com でもダメです
wwwはサブドメインなので
でも、サイトのドメインがコロコロ変わることもないし
httpからhttpsに変わることはあるかもしれないけど、会員制のサイトとかだと アカウントにデータを保存すればいいので ブラウザにわざわざ保存させなくても良い
特殊な環境以外は特に問題無く使いこなせると思います
参考ページ
http://www.misclog.com/tech/1021/
PR
短縮URL:
COMMENT