JavaScript 实践HTML5 localStorage 本地存储Json等数据 助于移动设备和web前端开发

0.什么是 localStorage 本地存储   http://www.mhtml5.com/2012/05/4982.html 先了解一下，你也可以搜一圈看看

1.比如想把这个对象(eventsList)存入本地： 

var eventsLists = [{"name":"baoyouwangning","date":"2013年8月20日 下午4:38:15"},{"name":"wangning","date":"2013年8月20日 下午4:37:57"}];

那么就可以使用:

localStorage.setItem(localEventsLists,JSON.stringify(eventsLists));

存完了之后你就可以查看到本地存下来的东西：



2.等到读的时候，就可以使用：

var eventsLists  = JSON.parse(localStorage.getItem(localEventsLists)) || [ ];

来获得本地存储的Json数据！ 此时再对eventsLists的所有的json操作都成立呀！

google下你可以通过 console.log(eventsLists); 来验证读出的与你存储的是否一样！

注意：本地存的都是字符串，别弄错了。比如有这么一个操作：

var eventsLists = localStorage.getItem(localEventsLists)；那么你获得的

eventsLists = ’[{"name":"baoyouwangning","date":"2013年8月20日 下午4:38:15"},{"name":"wangning","date":"2013年8月20日 下午4:37:57"}]‘; 

一条字符串！那么此时操作起来就麻烦了！

3.总结： 

/* 1. json格式的存读 */
function save_ls_json(Key,Value) { localStorage.setItem(Key,JSON.stringify(Value)); }   //存储
function get_ls_json(Key) { return JSON.parse(localStorage.getItem(Key)) || []; }       //读取
/* 2. 普通存储（我自己理解的） */
function save_ls_ordinary(Key,Value) {localStorage.setItem(Key,Value);}                 //存储
function get_ls_ordinary(Key){return localStorage.getItem(Key);}                        //读取

**对于普通存储的举个例子：

//如有：
localStorage.setItem("testNumber",1);
localStorage.setItem("testString","1");

此时 ：

localStorage.getItem(“testNumber”)  ===  localStorage.getItem(“testString”)

等到读出的时候，就都是string了！！

希望对大家有所帮助！