localStorage存储json对象

小咪咪 2022-06-12 04:43 200阅读 0赞

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

[html5中的web存储功能][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.οnlοad=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.οnlοad=function(){
    			// parse可以将文本形式转化为对象
    			var xiaoD = JSON.parse(localStorage.getItem("xiaoD"));
    			alert(xiaoD.age);
    		}
    	</script>
    </body>
    </html>

完工！！！

[html5_web]: http://blog.csdn.net/m0_37568521/article/details/75193680

发表评论取消回复

表情：

评论列表（有 0 条评论，200人围观）

还没有评论，来说两句吧...

相关阅读

相关如何在 HTML5 localStorage 中存储对象

问：我想在 HTML5 localStorage 中存储一个 JavaScript 对象，但我的对象显然正在转换为字符串。我可以使用 localStorage 存储

怼烎@/ 2024年03月30日 12:01/ 0 赞/ 81 阅读

相关 Web存储—localStorage存储

Web存储—localStorage存储一、 localStorage存储特点：特点：本地存储数据的不需要网络、大小5M 、域内安全、永久存储、只要不删除，就一

布满荆棘的人生/ 2022年09月07日 05:49/ 0 赞/ 195 阅读

相关 jquery localStorage存储json数据

jquery存储内容的时候,存的是字符串,如果直接存储对象,那么在获取的时候,只能获取到object. 因此在存储之前需要把json数据转换成字符串进行存储,在取数据的时候

末蓝、/ 2022年08月28日 03:59/ 0 赞/ 555 阅读

相关 localStorage存储json对象

看这篇文章，建议看我上面的一篇文章 [html5中的web存储功能][html5_web]：http://blog.csdn.net/m0\_37568521/article

小咪咪/ 2022年06月12日 04:43/ 0 赞/ 201 阅读

相关 html5本地存储localStorage 存储json对象存储格式问题

html5本地存储localStorage 存储json对象存储格式问题 localStorage.setItem(att)会自动将att存储成字符串形式，如：

谁借莪１个温暖的怀抱￠/ 2022年06月11日 00:08/ 0 赞/ 374 阅读

相关 LocalStorage存储JSON对象的问题

1、localStorage - 没有时间限制的数据存储 var arr=[1,2,3]; localStorage.setItem("temp",arr)

ゝ一世哀愁。/ 2022年06月10日 22:25/ 0 赞/ 485 阅读

相关 localStorage中存储对象数组

首先，localStorage中只能存储字符串所以，存储对象数组，必须先转成字符串再存储 localStorage.pList=JSON.stringify([]

喜欢ヅ旅行/ 2022年05月31日 11:37/ 0 赞/ 231 阅读

相关 js localStorage本地存储json对象并追加数据

记录一下 localStorage的更过相关知识可以去：[http://www.w3school.com.cn/html5/html\_5\_webstorage.asp]

梦里梦外;/ 2022年04月18日 03:57/ 0 赞/ 526 阅读

相关前端：使用sessionStorage、localStorage存储数组与对象。

先介绍一下localStorage localStorage对象是HTML5的客户端存储持久化数据的方案。为了能访问到同一个localStorage对象，页面必须来自同一个域

灰太狼/ 2021年10月23日 14:22/ 0 赞/ 459 阅读

相关 sessionStorage 存储json对象

例子： data = [{ "id": "1", "staffCode": "xf12121", "staffName

Myth丶恋晨/ 2021年10月08日 06:24/ 0 赞/ 296 阅读