localStorageストレージjson

2017 ワード

localStorageを利用すれば、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オブジェクトが得られます