利用localStorage可以簡單的存儲一些JSON對象，可以方便簡易應用的數據存儲。
簡單介紹下localStorage，localStorage是html5提供的一種本地存儲的方法，可以把數據存儲在本地瀏覽器，下次打開后仍然可以獲取到存儲的數據，如果在存儲的數據 量小的時候可以起到代替數據庫的功能，比cookies更有優越性。
1 localStorage.setItem("key","value");//存儲變量名為key，值為value的變量 2 3 localStorage.key = "value"//存儲變量名為key，值為value的變量 4 5 localStorage.getItem("key");//獲取存儲的變量key的值 6 7 localStorage.key;//獲取存儲的變量key的值 8 9 localStorage.removeItem("key")//刪除變量名為key的存儲變量
以上即為localStorage調用的方法。下面介紹存儲JSON對象的方法。
1 var students = 2 { 3 liyang:{name:"liyang",age:17}, 4 5 lilei:{name:"lilei",age:18} 6 7 }//要存儲的JSON對象 8 9 10 students = JSON.stringify(students);//將JSON對象轉化成字符串 11 12 localStorage.setItem("students",students);//用localStorage保存轉化好的的字符串
上面即可保存JSON對象，接下來我們在要使用的時候再將存儲好的students變量取回
1 var students = localStorage.getItem("students");//取回students變量 2 3 students = JSON.parse(students);//把字符串轉換成JSON對象
以上即可得到存儲的students的JSON對象了