JSON实例


下面列出一些常见的JSON语法案例,供搭建参考学习

一、案例1

<!DOCTYPE html>
<html>
	<title>JSON语法案例</title>
<body>

<script type="text/javascript">
   var person = {
   	   username:"杰克",
   	   age:30,
   	   isLove:true,
   	   gender:"男"
   };
   
   alert(person.username);
   alert(person.age);
   alert(person.isLove==true?"结婚":"未婚");
   alert(person.gender);
</script>
</body>
</html>

结果:

杰克
30
结婚
男

二、案例2

<!DOCTYPE html>
<html>
	<title>JSON语法案例</title>
<body>

<script type="text/javascript">
   var persons = [
   	   {username:"杰克",age:30,isLove:true,gender:"男"},
   	   {username:"玛丽",age:25,isLove:false,gender:"女"},
   	   {username:"露丝",age:20,isLove:false,gender:"女"}
   ];
   
   for(var i = 0;i<persons.length;i++){
	   alert(persons[i].username);
	   alert(persons[i].age);
	   alert(persons[i].isLove==true?"结婚":"未婚");
	   alert(persons[i].gender);
   }
</script>
</body>
</html>

结果:

杰克
30
结婚
男
玛丽
25
未婚
女
露丝
20
未婚
女

三、案例3

<!DOCTYPE html>
<html>
	<title>JSON语法案例</title>
<body>

<script type="text/javascript">
   var person = {
   		"province":[
   			{city:"北京"},
   			{city:"上海"},
   			{city:"广州"}
   		]
   };
   
  alert(person.province[2].city);
</script>
</body>
</html>

结果:

广州

四、案例4

<!DOCTYPE html>
<html>
	<title>JSON语法案例</title>
<body>

<script type="text/javascript">
   var person = {
   		"city":["北京","广州","上海"]
   };
   
  alert("共有"+person.city.length+"个城市");
  alert("第一个城市为"+person.city[0]);
</script>
</body>
</html>

结果:

共有3个城市
第一个城市为北京