Json数据格式

最新推荐文章于 2024-08-04 20:20:35 发布

小猴子豆芽菜

最新推荐文章于 2024-08-04 20:20:35 发布

阅读量413

点赞数 1

分类专栏： json 文章标签： json数据格式

本文链接：https://blog.csdn.net/XU906722/article/details/79604907

版权

json 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Json是一种与语言无关的数据交换的格式，其主要作用是：

作用一：使用ajax进行前后台数据交换；

作用二：移动端到数据端的数据交换。

Json的格式与解析：有两种格式

对象格式：{"key1":obj,"key2":obj,"key3":obj...}

数组/集合格式：[obj,obj,obj...]

json的解析：

json是js的原生内容，也就是说js可以直接取出json对象中的数据。

接下来通过一个实例具体看一下json数据格式：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>json数据格式</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <script language="JavaScript">
 	/**
	 * 案例:
	 * {
	 *   "param1":"value1",
	 *   "param2":{},
	 *   "param3":[{key:value,key:value},{key:value,key:value}]
	 * }
	 */
	 
	 // 利用json表示上面案例
	 var persons={
	 				"person1":"Eric",
	 				"person2":{"name":"Tom","sex":"male","age":22},
	 				"person3":[
	 							{"name":"Jack","sex":"male","age":35},
	 							{"name":"Rose","sex":"female","age":18},
	 							{"name":"Alice","sex":"female","age":20},
	 						]
	 			}
	 
	 //通过js直接获取json数据
	 window.οnlοad=function(){
		 document.getElementById("span1").innerHTML=persons.person1;
		 document.getElementById("span2").innerHTML=persons.person2.name;
		 document.getElementById("span3_1").innerHTML=persons.person3[0].name;
		 document.getElementById("span3_2").innerHTML=persons.person3[1].sex;
		 document.getElementById("span3_3").innerHTML=persons.person3[2].age;
	 }
  </script>
  </head>
  
  <body>
      Person1: <span id="span1" style="color:blue;"></span><br>
      Person2的名字: <span id="span2" style="color:blue;"></span><br>
      Person3第一个元素的名字: <span id="span3_1" style="color:blue;"></span><br>
      Person3第二个元素的性别: <span id="span3_2" style="color:blue;"></span><br>
      Person3第三个元素的年龄: <span id="span3_3" style="color:blue;"></span>
  </body>
</html>

运行效果：