JavaScript的数据交换格式XML和JSON的解析------前端-摩杜云开发者社区

XML和JSON数据的解析

<!DOCTYPE html>
<!-- 这是HTML的注释 -->
<html lang="en" id="myHtml">
	<head>
		<!-- 这里不是设置了编码,而是告诉浏览器,用什么编码方式打开文件避免乱码 -->
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>HtmlAll</title>
	</head>
	<body>
		<!-- JSON全称为JavaScript Object Notation即为数据交换格式,对象标记 -->
		<!-- JSON的主要作用是一种标准的轻量的数据交换格式,特点是体积小易解析 -->
		<!-- 在实际的开发中,JSON和XML是用的最多的数据交换格式 -->
		<!-- XML体积大,解析麻烦,优点是格式严谨,相对更难解析 -->
		<!-- HTML和XML有一个父类叫SGML(标准通用的标记语言) -->
		<script type="text/javascript">
			window.onload = function()
			{
				var jsonObj =
				{
					"sno" : "110",
					"sname" : "Jack",
					"sex" : "男",
				};
				student = function(sno,sname,sex)
				{
					this.sno = sno;
					this.sname = sname;
					this.sex = sex;
				}
				//访问json对象属性
				// Json也被称为无类型对象,轻量级,轻巧,体积小,易解析
				// alert(jsonObj.sno + jsonObj.sname + jsonObj.sex);
				var stu = new student(jsonObj.sno,jsonObj.sname,jsonObj.sex);
				// alert(stu.sno + stu.sname + stu.sex);
				var students = 
				[
					{
						"sno" : "110",
						"sname" : "Jack",
						"sex" : "男",
					},
					{
						"sno" : "120",
						"sname" : "Rose",
						"sex" : "女",
					},
					{
						"sno" : "130",
						"sname" : "Tim",
						"sex" : "男",
					}
				];
				for (var i = 0; i < students.length; i++) 
				{
					var student = students[i];
					// alert(student.sno + student.sname + student.sex);
				}
				var user = 
				{
					"usercode" : 110,
					"username" : "Rose",
					"sex" : true,
					"address" : {
						"city" : "北京",
						"street" : "大兴区",
						"zipcode" : "12221231"
					},
					"aihao" : ["smoke","drink","tt"]
				};
				// 访问人名以及居住的城市
				// alert(user.username + user.address.city);
				//描述整个班级
				var iop = 
				{
					"total" : 3,
					"studentInfo" : [
						{
							"usercode" : 110,
							"username" : "Rose",
							"sex" : true,
							"address" : {
								"city" : "北京",
								"street" : "大兴区",
								"zipcode" : "12221231"
							},
							"aihao" : ["smoke","drink","tt"]
						},
						{
							"usercode" : 110,
							"username" : "Jack",
							"sex" : true,
							"address" : {
								"city" : "北京",
								"street" : "大兴区",
								"zipcode" : "12221231"
							},
							"aihao" : ["smoke","drink","tt"]
						},
						{
							"usercode" : 110,
							"username" : "Tim",
							"sex" : true,
							"address" : {
								"city" : "北京",
								"street" : "大兴区",
								"zipcode" : "12221231"
							},
							"aihao" : ["smoke","drink","tt"]
						}
					]
				}
				//遍历学生表所有的学生名字
				for (var i = 0; i < iop.studentInfo.length; i++) {
					alert(iop.studentInfo[i].username);
				}
			}
		</script>
	</body>
</html>

xml

<?xml version="1.0" encoding="UTF-8"?>
 
<students>
	<student>
		<sname>1</sname>
		<sex>1</sex>
	</student>
	<student>
		<sname>2</sname>
		<sex>1</sex>
	</student>
	<student>
		<sname>3</sname>
		<sex>1</sex>
	</student>
	<student>
		<sname>4</sname>
		<sex>1</sex>
	</student>
</students>