JSON初识

最新推荐文章于 2022-12-14 12:56:42 发布

zhixuChen200

最新推荐文章于 2022-12-14 12:56:42 发布

阅读量312

点赞数 2

分类专栏：前端文章标签： json

本文链接：https://blog.csdn.net/qq_45701514/article/details/114259091

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

JSON初识

1.什么是JSON，有什么用？
2.JSON的语法格式：
3.eval函数：

1.什么是JSON，有什么用？

JavaScript Object Notation（JavaScript对象标记），简称JSON。(数据交换格式)
JSON主要的作用是：一种标准的数据交换格式。（目前非常流行，90%以上的系统，系统A与系统B交换数据的话，都是采用JSON。）
JSON是一种标准的轻量级的数据交换格式。特点是：体积小，易解析。
在实际的开发中有两种数据交换格式，使用最多，其一是JSON，另一个是XML。
XML体积较大，解析麻烦，但是有其优点是：语法严谨。（通常银行相关的系统之间进行数据交换的话会使用XML。）

2.JSON的语法格式：

 var jsonObj = {
					"属性名" : 属性值,
					"属性名" : 属性值,
					"属性名" : 属性值,
					"属性名" : 属性值,
					....
				};

   // 创建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);
			}

  复杂的JSON对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>复杂一些的JSON对象。</title>
	</head>
	<body>
		<script type="text/javascript">
			var user = {
				"usercode" : 110,
				"username" : "张三",
				"sex" : true,
				"address" : {
					"city" : "北京",
					"street" : "大兴区",
					"zipcode" : "12212121",
				},
				"aihao" : ["smoke","drink","tt"]
			};
			
			// 访问人名以及居住的城市
			alert(user.username + "居住在" + user.address.city);
			
			/*
				请自行设计JSON格式的数据，这个JSON格式的数据可以描述整个班级中每一个学生的信息，以及总人数信息。
			*/
		    var jsonData = {
				"total" : 3,
				"students" : [
					{"name":"zhangsan","birth":"1980-10-20"},
					{"name":"lisi","birth":"1981-10-20"},
					{"name":"wangwu","birth":"1982-10-20"}
				]
			};
			
			
		</script>
	</body>
</html>

3.eval函数：

   eval函数的作用是：
				将字符串当做一段JS代码解释并执行。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>eval函数</title>
	</head>
	<body>
		<!--
			JSON是一种行业内的数据交换格式标准。
			JSON在JS中以JS对象的形式存在。
		-->
		<script type="text/javascript">
			/*
				eval函数的作用是：
					将字符串当做一段JS代码解释并执行。
			*/
		
		  
		   // java连接数据库,查询数据之后,将数据在java程序中拼接成JSON格式的“字符串”,将json格式的字符串响应到浏览器
		   // 也就是说java响应到浏览器上的仅仅是一个"JSON格式的字符串",还不是一个json对象.
		   // 可以使用eval函数,将json格式的字符串转换成json对象.
		   var fromJava = "{\"name\":\"zhangsan\",\"password\":\"123\"}"; //这是java程序给发过来的json格式的"字符串"
		   // 将以上的json格式的字符串转换成json对象
		   window.eval("var jsonObj = " + fromJava);
		   // 访问json对象
		   alert(jsonObj.name + "," + jsonObj.password); // 在前端取数据.
		   
		   /*
			面试题：
				在JS当中：[]和{}有什么区别？
					[] 是数组。
					{} 是JSON。
				
				java中的数组：int[] arr = {1,2,3,4,5};
				JS中的数组：var arr = [1,2,3,4,5];
				JSON：var jsonObj = {"email" : "zhangsan@123.com","age":25};
		   */
		  
		   var json = {
			   "username" : "zhangsan"
		   };
		   // JS中访问json对象的属性
		   alert(json.username);
		   
		   // JS中访问json对象的属性
		   alert(json["username"]);
		   
		</script>
	</body>
</html>

zhixuChen200

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
3
评论
JSON初识

JSON初识1.什么是JSON，有什么用？2.JSON的语法格式：3.eval函数：1.什么是JSON，有什么用？JavaScript Object Notation（JavaScript对象标记），简称JSON。(数据交换格式)JSON主要的作用是：一种标准的数据交换格式。（目前非常流行，90%以上的系统，系统A与系统B交换数据的话，都是采用JSON。）JSON是一种标准的轻量级的数据交换格式。特点是：体积小，易解析。在实际的开发中有两种数据交换格式，使用最多，其一是JSON，另一个是XM
复制链接

扫一扫