localStorage存储json对象

来源：互联网发布：怎么学好数据库编辑：程序博客网时间：2024/04/29 21:29

看这篇文章，建议看我上面的一篇文章

html5中的web存储功能：http://blog.csdn.net/m0_37568521/article/details/75193680

在我们需要存放一个人的基本信息，比如姓名，年龄，性别等信息的时候，当然我们可以一个一个的存放，但是我们通过json对象存放是不是更好呢？放在可以用json存放，我们干嘛不用呢？

下面我们通过在一个页面存放，一个页面获取的方式展示代码：

saveJson页面的代码如下：

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><script type="text/javascript">window.onload=function(){function Person(age,gender,name){this.age = age;this.gender = gender;this.name = name;}var xiaoD = new Person(21,"男","xiaoD");// stringify将任何对象连同其数据转化为文本形式localStorage.setItem("xiaoD",JSON.stringify(xiaoD));window.location = "saveJson2.html";}</script></body></html>

saveJson2页面的代码如下：

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><script type="text/javascript">window.onload=function(){// parse可以将文本形式转化为对象var xiaoD = JSON.parse(localStorage.getItem("xiaoD"));alert(xiaoD.age);}</script></body></html>

完工！！！

阅读全文

0 0