当前第2页 返回上一页
具体代码如下：
1 2 3 4 5 6 7 8 9 | var jsonData = {'name': '张三', 'age': 29};
var str_jsonData = JSON.stringify(jsonData);
console.log(typeof(str_jsonData));
localStorage.setItem('localData', str_jsonData);
var getLocalData = localStorage.getItem('localData');
console.log(typeof(getLocalData));
var jsonObj = JSON.parse(getLocalData);
console.log(typeof(jsonObj));
console.log(jsonObj.age);
|
扩展：
stringify()用于从一个对象解析出字符串；
parse()用于从一个字符串中解析出json对象。
以上就是详解Html5中localStorage存储JSON数据并读取JSON数据的实现方法的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
一定要注意常见的3种HTML5错误用法
h5与传统html的区别
h5离线缓存是什么？h5 manifest离线缓存的应用（附代码）
HTML5唤起app的方法
HTML5移动端手机网站开发流程
浅谈json.stringify()和json.parse()的应用
HTML5网络拓扑图性能优化的图文详解
HTML5新颖交互形式的案例浅析（技术分析）（图）
移动端HTML5音频与视频遇到的问题及解决方案
HTML5之type=file文件上传功能
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 详解Html5中localStorage存储JSON数据并读取JSON数据的实现方法
