JSON学习

落日映苍穹つ 2022-12-08 04:24 164阅读 0赞

#                                                         JSON #

## 什么是JSON，有什么用？ ##

JavaScript Object Notation（JavaScript对象标记），简称JSON。(数据交换格式)  
JSON主要的作用是：一种标准的数据交换格式。（目前非常流行，90%以上的系统，系统A与系统B交换数据的话，都是采用JSON。）

JSON是一种标准的轻量级的数据交换格式。特点是：体积小，易解析。

在实际的开发中有两种数据交换格式，使用最多，其一是JSON，另一个是XML。  
XML体积较大，解析麻烦，但是有其优点是：语法严谨。（通常银行相关的系统之间进行数据交换的话会使用XML。）

JSON的语法格式：  
var jsonObj = \{  
    "属性名" : 属性值,  
    "属性名" : 属性值,  
    "属性名" : 属性值,  
    "属性名" : 属性值,  
    ....  
\};

// 创建JSON对象(JSON也可以称为无类型对象。轻量级，轻巧。体积小。易解析。)

var studentObj = {
    	"sno" : "110",
    	"sname" : "张三",
    	"sex" : "男"
    };

// 访问JSON对象的属性

alert(studentObj.sno + "," + studentObj.sname + "," + studentObj.sex);

// JSON数组

JSON是一种行业内的数据交换格式标准。

JSON在JS中以JS对象的形式存在。

## eval函数 ##

//java连接数据库,查询数据之后,将数据在Java程序中拼接成JSON格式的字符串,将JSON格式的字符串响应到浏览器
    			//也就是说java响应到浏览器上的仅仅是一个"JSON"格式的字符串,还不是一个对象
    			//可以使用eval()函数,将JSON格式的字符串转换成为JSON对象
    			var fromjava="{\"name\":\"zhangsan\",\"password\":\"123\"}"//这是java程序给发过来的json对象格式的"字符串"
    			//将以上的json格式的字符串转换成json对象
    			window.eval("var jsonObj="+fromjava);
    			//访问json对象
    			document.write(jsonObj.name+"\t"+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\};

## 设置table的tbody ##

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>设置table的tbody</title>
    	</head>
    	<body>
    		<script type="text/javascript">
    			var jsonData={
    				"totle":4,
    				"emps":[
    					{"empno":"7369","ename":"SMITH0","sal":800.0},
    					{"empno":"7369","ename":"SMITH1","sal":800.0},
    					{"empno":"7369","ename":"SMITH2","sal":800.0},
    					{"empno":"7369","ename":"SMITH3","sal":800.0}
    				]
    			}
    			
    			window.onload=function(){
    				displayBtnElt=document.getElementById("displayBtn");
    				displayBtnElt.onclick=function(){
    					var html="";
    					for(var i in jsonData.emps){
    						var emp=jsonData.emps[i];
    						html+="<tr>";
    						html+="<td>"+emp.empno+"</td>";
    						html+="<td>"+emp.ename+"</td>";						
    						html+="<td>"+emp.sal+"</td>";
    						html+="</tr>"
    					}
    					document.getElementById("empTbody").innerHTML=html;
    					document.getElementById("count").innerHTML=jsonData.totle;
    				}
    			}
    		</script>
    	</body>
    	<h1>员工信息列表</h1>
    	<hr>
    	<input type="button" value="显示员工信息" id="displayBtn"/>
    	<table border="1px" width="50%" align="center">
    		<tr>
    			<th>员工编号</th>
    			<th>员工姓名</th>
    			<th>员工薪资</th>
    		</tr>
    		<tbody id="empTbody">
    		</tbody>
    	</table>
    	总共<span id="count">0</span>条信息
    </html>