| 比較 | cookie | Web Storage |
|---|---|---|
| 個数制限 | 20個まで | 制限なし |
| 容量 | 4Kバイト | 2～5Mバイト |
| 有効期限 | あり | なし |
| 自動送信 | する | しない |
| ブラウザ | 対応バージョン |
|---|---|
| IE | 8以降 |
| Firefox | 3.6以降 |
| Chrome | 8以降 |
| Safari | 5以降 |
| Opera | 11以降 |
編集する
if (typeof localStorage !== 'undefined') {
alert('Web Storage 対応') ;
} else {
alert('Web Storage 非対応') ;
}
var storage = localStorage;
// セットする
storage.setItem('キー', '値');
// 取得する
v = storage.getItem('キー');
// 削除する
storage.removeItem(key);
var storage = localStorage;
var user_json = {} ;
// セットする
user_json['name'] = "お名前" ;
user_json['address'] = "住所" ;
// JSON を文字列にして、localStorage に
storage.setItem('user', JSON.stringify(user_json));
var storage = localStorage;
var user_json = {} ;
try {
user_json = $.parseJSON(localStorage.getItem("user")) ;
} catch(e) {
user_json = {};
}
// alert してるだけです。
alert(user_json['address']) ;
$.each( user_json, function( key, val )
{
alert(user_json[key]);
});
