<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
/*
1、JSON的英文全称:JavaScript Object Notation(JavaScript对象标记),简称JSON(数据交换格式)
JSON的主要作用:一种标准的数据交换格式。(目前非常流行,90%以上的系统交换采用JSON)
2、JSON是一种标准的轻量级的数据交换格式,其特点是:体积小,易解析。
3、在实际开发中有两种数据交换格式,分别是:JSON和XML
XML体积较大,解析麻烦,其优点是:语法严谨(通常银行相关的系统之间进行数据交互会使用XML)
4、JSON的语法格式
var jsonObj = {
"属性名":属性值,
"属性名":属性值,
"属性名":属性值,
"属性名":属性值,
...
};
*/
// 之前没有使用JSON的时候,定义类,创建对象,访问对象属性采用如下办法
Student = function(sno,sname,sex){ //定义类
this.sno = sno;
this.sname = sname;
this.sex =sex;
}
var stu = new Student("111","李四","男"); //创建对象
alert(stu.sno + "," + stu.sname + "," + stu.sex); //访问对象属性
// 使用JSON创建对象(JSON也称为无类型对象。轻量级,易解析)
var studentObj = {
"sno" : "110",
"sname" : "张三",
"sex" : "男"
};
// 访问JSON对象属性
alert(studentObj.sno + "," + studentObj.sname + "," + studentObj.sex)
// 创建JSON数组
var students = [
{"sno":"110","sname":"张三","sex":"男"},
{"sno":"120","sname":"李四","sex":"男"},
{"sno":"130","sname":"王五","sex":"男"},
];
// 对数组进行遍历
for(var i = 0; i < students.length; i++){
var stuObj = students[i];
alert(stuObj.sno + "," + stuObj.sname + "," + stuObj.sex)
}
</script>
<!-- 以下是比较复杂的JSON对象 -->
<script>
var user = {
"usercode":111,
"username":"张三",
"sex":true,
"address":{
"city":"北京大兴区",
"street":"双庙胡同",
"zipcode":"12212121"
},
"aihao":["smoke","drink","tt"]
};
// 访问user的姓名和居住地
alert(user.username + "居住在" + user.address.city + user.address.street);
/*
请设计一个JSON格式的数据,该数据描述一个班级的每一个学生信息,以及总人数
*/
var studentClass = {//一个班级对象
"total":3,//总人数是3人
"students":[//一个学生数组,里面有三个学生
{"no":111,"name":"zs","sex":true},//第一个学生
{"no":112,"name":"ls","sex":false},//第二个学生
{"no":113,"name":"ww","sex":true}//第三个学生
]
};
</script>
</body>
</html>
关于JSON
最新推荐文章于 2023-05-14 20:53:57 发布