localStorageストレージjson
localStorageを利用すれば、JSONオブジェクトを簡単に保存することができ、アプリケーションのデータ保存を簡単にすることができます.
簡単にlocalStorageを紹介します.localStorageはhtml 5が提供するローカルストレージの方法で、ローカルブラウザにデータを格納することができ、次回開いても格納されているデータを取得することができ、格納されているデータ量が小さいときにデータベースの代わりに機能することができれば、cookiesよりも優れています.
view sourceprint?
以上がlocalStorage呼び出しの方法です.JSONオブジェクトを格納する方法を説明します.
view sourceprint?
上にJSONオブジェクトを保存し、次に使用するときに保存したstudents変数を取り戻します.
var students = localStorage.getItem("students");//students変数を取り戻す
students = JSON.parse(students);//文字列をJSONオブジェクトに変換
以上で格納されているstudentsのJSONオブジェクトが得られます
簡単にlocalStorageを紹介します.localStorageはhtml 5が提供するローカルストレージの方法で、ローカルブラウザにデータを格納することができ、次回開いても格納されているデータを取得することができ、格納されているデータ量が小さいときにデータベースの代わりに機能することができれば、cookiesよりも優れています.
view sourceprint?
01.
localStorage.setItem(
"key"
,
"value"
);
// key, value
02.
03.
localStorage.key =
"value"
// key, value
04.
05.
localStorage.getItem(
"key"
);
// key www.it165.net
06.
07.
localStorage.key;
// key
08.
09.
localStorage.removeItem(
"key"
)
// key
以上がlocalStorage呼び出しの方法です.JSONオブジェクトを格納する方法を説明します.
view sourceprint?
01.
var
students =
02.
{
03.
liyang:{name:
"liyang"
,age:17},
04.
05.
lilei:{name:
"lilei"
,age:18}
06.
07.
}
// JSON
08.
09.
10.
students = JSON.stringify(students);
// JSON
11.
12.
localStorage.setItem(
"students"
,students);
// localStorage
上にJSONオブジェクトを保存し、次に使用するときに保存したstudents変数を取り戻します.
var students = localStorage.getItem("students");//students変数を取り戻す
students = JSON.parse(students);//文字列をJSONオブジェクトに変換
以上で格納されているstudentsのJSONオブジェクトが得られます