JavaScript的数据交换格式XML和JSON的解析------JavaScript

客官°小女子只卖身不卖艺 2024-02-19 11:36 48阅读 0赞

>     <!DOCTYPE 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>
>     		
>     		
>     		
>     		
>     		
>     		<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>
> 
> <!DOCTYPE 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>  
>   
>   
>   
>   
>   
> <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 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>
> 
> <?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>