JSON初识
发布日期:2021-05-07 23:14:14 浏览次数:21 分类:原创文章

本文共 2776 字,大约阅读时间需要 9 分钟。

JSON初识

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是一种行业内的数据交换格式标准。			JSONJS中以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>
上一篇:mybatis逆向工程
下一篇:正则表达式初识

发表评论

最新留言

初次前来,多多关照!
[***.217.46.12]2025年03月26日 03时48分15秒