码迷,mamicode.com
首页 > Web开发 > 详细

json基础学习

时间:2015-04-03 19:21:33      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<h2>在 JavaScript 中创建 JSON 对象</h2>
<p>Name:<span id="jname"></span></br>
Adg:<span id="jage"></span></br>
Address:<span id="jaddress"></span></br>
Phone:<span id="phone"></span></br>
</p>
<title></title>
<!--<link href="css.css" type="text/css" rel="stylesheet"/>-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<!--<script language="JavaScript" src="js1.js" ></script>-->
<script >
var json1={
‘name‘:‘bug松‘,
‘addres‘:‘firth avenue new york 555‘,
‘age‘:‘100000‘,
‘phone‘:‘110 120 119 114 10001‘
};
document.getElementById(‘jname‘).innerHTML=json1.name
document.getElementById(‘jage‘).innerHTML=json1.age
document.getElementById(‘jaddress‘).innerHTML=json1.addres
document.getElementById(‘phone‘).innerHTML=json1.phone
//json数组方式
var obj1=[
{‘obj‘:[1,2,3],‘obj2‘:123},{
‘list‘:["tuple",11],‘tuple1‘:[(1),[2.3,2]]
}
]
//访问array中指定数组

//alert(obj1[1].tuple1[1][1])
//字符串操作


</script>
</head>
<body>
name:<span id="names"></span></br>

<script>
var txt = ‘{ "employees" : [‘ +
‘{ "firstName":"Bill" , "lastName":"Gates" },‘ +
‘{ "firstName":"George" , "lastName":"Bush" },‘ +
‘{ "firstName":"Thomas" , "lastName":"Carter" } ]}‘;
//var obj=eval("("+txt+")");//或者改成obj = JSON.parse(txt);
//因为eval()会出现一个隐藏的危险
var obj=JSON.parse(txt)



document.getElementById(‘names‘).innerHTML=obj.employees[1].firstName
</script>
</body>
</html>
其他json学习

JSON的格式:

1,对象:

{name:"Peggy",email:"peggy@gmail.com",homepage:"http://www.peggy.com"}

{ 属性 : 值 , 属性 : 值 , 属性 : 值 }

2,数组是有顺序的值的集合。一个数组开始于"[",结束于"]",值之间用","分隔。

[

{name:"Peggy",email:"peggy@gmail.com",homepage:"http://www.peggy.com"}, {name:"Peggy",email:"peggy@gmail.com",homepage:"http://www.peggy.com"},

{name:"Peggy",email:"peggy@gmail.com",homepage:"http://www.peggy.com"}

]

3, 值可以是字符串、数字、true、false、null,也可以是对象或数组。这些结构都能嵌套。

json基础学习

标签:

原文地址:http://www.cnblogs.com/mhxy13867806343/p/4390825.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!