JSON与JS对象互转

JSON与JS对象的区别??

innerText与innerHTML区别??

DOM?? 作用???

解析JSON字符串的值--JSON→JS对象

工具:JSON对象

stringify(JS对象)--JS对象→JSON字符串  

parse(JSON字符串)--JSON字符串→JS对象  方便调用属性

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试 JSON对象</title>
		
		<script>
			var test1 =function(){
				//JSON对象
				var a = '{"name" : "jack" , "age" : 15}';
				//JSON数组
				var b= '[{"name1": "jack","age1": 18},{"name2": "rose","age2":15}]';
				// JSON解析a里name属性的值
				var jsobj= JSON.parse(a);
				console.log(jsobj.name);
				console.log(jsobj.age);
				// 需求:利用dom技术 把解析到的name属性值展示在id=d2的位置
				document.getElementById("d2").innerHTML=jsobj.name;
				//解析 b里name2的属性
				var jsobj2=JSON.parse(b)[1];
				console.log(jsobj2.name2);
				document.getElementById("d3").innerHTML=jsobj2.name2;
				
				//js对象→JSON字符串
				var jsonstr=JSON.stringify(jsobj);
				console.log(jsonstr);
				// var obj =[{},{}];
				console.log(jsonstr.concat("123"));				
			}
		</script>
	</head>
	<body>
		<div id="d1" onclick="test1()">我是div1,点我</div>
		<div id="d2" >我是div2</div>
		<div id="d3" >我是div3</div>
	</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值