JSON

JSON

• 前后端数据交互

前后端数据进行通信的时候统一数据类型为JSON字符串。后端将实体类对象或者是装满了实体类对象的集合转化成JSON字符串发送给前端，页面接受到此数据后会对该字符串进行解析，将该JSON字符串解析并将其转换为JSON对象或者是JSON数组。在后端中，存储数据的单元是实体类对象，前端中存储数据的单元式JSON对象。

对象表示法，js中的数据存储方式

<script type="text/javascript">
				
  var a = {'name':'lss','nickname':'arica'};	
  document.write(a.name+'好甜'+'<br>');  //document是html的父元素,执行会在页面写入数据
  
</script>

• JSON数组

<script type="text/javascript">
				
				var a = 
				[{'name':'lss','age':'3'},	
				{'name':'a','age':'5'},
				{'name':'b','age':'8'},
				{'name':'c','age':'9'}
				];
				document.write(a[2].age+'<br>');
				document.write(a[0].name);
				
				for(var i in a){            //遍历
					console.log(a[i].name+a[i].age);
				}
			</script>

---

数据转换

将字符转为JSON对象

<script type="text/javascript">
				
				var s1 = "{\"name\":\"lss\"";
				var s2 = ",\"age\":3}";
				var s3=s1+s2;
				console.log(s3);				//JSON格式字符串
				console.log(typeof s3);
				// 在前端页面接收到后端此类字符串数据后进行下面转换。
				var b = eval("("+s3+")");	//必须加括号
				console.log(b);
				console.log(typeof b);		//数据类型从string变成object，便于获取数据
				console.log(b.name+","+b.age);	//直接根据对象获取属性
						
			</script>

---

把JSON对象转为JSON字符串

• 当前端准备向后端发送数据时，需要把JSON对象抓换成JSON字符串。JAVA中的JSONObject类提供了各种方法。

<script type="text/javascript">
				
				var a = {"name":"lss","age":"3"};		//JASON对象
				var aString = JSON.stringify(a);		////转为JSON字符串
				console.log(aString);					
				console.log(typeof aString);			//此时为String类
						
			</script>