HTML5 Storage JSON

来源:互联网 发布:入门鼠标推荐 知乎 编辑:程序博客网 时间:2024/06/16 18:12
if(window.localStorage){document.write("localStorage" + "<br/>");//定义JSON格式字符串var userData = {name:"Sankyu Name",account:"sankyu",level:1,disabled:true};localStorage.setItem("userData",JSON.stringify(userData));var newUserData = JSON.parse(localStorage.getItem("userData"));localStorage.removeItem("userData");document.write(newUserData + "<br/>");document.write(newUserData.name + "<br/>");}if(window.sessionStorage){document.write("sessionStorage" + "<br/>");}

      上面的代码中,使用了一个JSON格式的对象,该对象是一种数据交换格式,在所有的现代浏览器中都支持,并且可以通过window.JSON或JSON的语法直接调用。对于旧浏览器或不支持该对象的浏览器来说,需要导入一个额外的JS类库,该库可以从http://json.org/网站上获取到。 

      目前,JSON对象已经被纳入了ES5标准中,成为下一代JS语言的一部分,将来必能广泛应用到HTML5应用程序中。

      在代码中使用了JSON.stringify方法把字符串数据格式转换成JSON对象,存储到本地。读取数据时则通过JSON.parse方法把JSON对象转换成原来的数据格式。


      摘录自《HTML5移动Web开发指南》唐俊开

原创粉丝点击