首页 > 代码库 > JSON初入门

JSON初入门

2024-07-10 16:56:52   220人阅读

JSON：Javascript Object Notation

             轻量级的数据交换格式

语法规则：（js对象表示语法的子集）

             1、数据在名称/值对中

             2、数据由逗号分隔

             3、花括号{}保存对象

             4、中括号【】保存对象

JSON名称/值

      数据书写格式：名称/值

      包括字段名称（双引号“”），中间：隔开

      “firstName”：“John”     易理解，相当于js中  firstName=“John”

 

JSON值

      数字（整数/浮点数）

      字符串（双引号内“”）

      逻辑值（true或false）

      数组（【】）

      对象（{}）

      null

 

基础结构（JSOn简单而言，就是js中的对象和数组，此也是JSON中的两种结构）

对象{}    {key:value,key:value,……}

             面向对象的语言中，key：对象的属性，value:对应的属性值

             取值方法：   对象.key--数字、字符串、数组、对象

对象【】    【“avascript”，“C#”，“PHP”】

具体示例如下：

 <div id="s" style="margin-top:50px;">
    Name:<span id="name" ></span><br />
    Age:<span id="age"></span><br />
    Address:<span id="address"></span><br />
    Phone:<span id="phone"></span><br />
 </div>
 <script type="text/javascript">
    var people={"programers":
	                  [{"name":"a","age":"11","address":"上海","phone":"11111111111"},
		           {"name":"a1","age":"110","address":"上海0","phone":"11111222222"}],
	        "authors":[{"name":"b","age":"22","address":"广州","phone":"222222222222"}],
	        "flowers":[{"name":"c","age":"33","address":"深圳","phone":"3333333333"}]
		}
	$(function(){
		var name=people.programers[1].name;   //通过赋值进行输出显示
  		var age=people.programers[0].age;
		var address=people.authors.address;
		
		$("#name").text(name);
		$("#age").text(age);
		$("#address").text(address);
		$("#phone").text{people.flowers.phone};   //直接调用输出显示
       	});
 </script>

 


联系
我们