zoukankan      html  css  js  c++  java
  • JSON初入门

    JSON:Javascript Object Notation

                 轻量级的数据交换格式

    语法规则:(JSON语法是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>
  • 相关阅读:
    解析iscroll-小demo
    iscroll的理解
    jquery代码小片段
    jQuery的性能优化
    事件代理
    数组方式使用jQuery对象
    循环时的dom操作
    JavaScript中的ajax(二)
    jQuery与ajax的应用(一)
    表单应用
  • 原文地址:https://www.cnblogs.com/yjbjingcha/p/6953434.html
Copyright © 2011-2022 走看看