六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 36|回复: 0

json入门

[复制链接]

升级  24%

24

主题

24

主题

24

主题

秀才

Rank: 2

积分
86
 楼主| 发表于 2013-2-7 16:03:39 | 显示全部楼层 |阅读模式
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>demo_1_1.html</title>
    <script type="text/javascript">
        var jsonObj = {
            "id":"123",
            "name":"李四",
            "status":true
        };
        
        var jsonObj_1 = {
            "id":"123",
            "name":"李四",
            "status":true,
            "address":{
                "city":"Beijing",
                "street":" Chaoyang Road ",
                "postcode":100025
            }
        };
        
        var jsonArray = [
        {
            "id":"1",
            "name":"张三",
            "status":true
        },{
            "id":"2",
            "name":"李四",
            "status":true
        },{
            "id":"3",
            "name":"王五",
            "status":true
        }
    ];
        
    </script>
  </head>
  
  <body>
      <div style="width:100%;height:30px;border:1px red solid;">
          <span>
          var jsonObj = {<br/>
          "id":"123",<br/>
          "name":"李四",<br/>
          "status":true<br/>
          };<br/>
          </span>
          <button >jsonObj.id</button>
      </div>
      <div style="width:100%;height:30px;border:1px red solid;">
          <span>
          var jsonObj_1 = {<br/>
            "id":"123",<br/>
            "name":"李四",<br/>
            "status":true,<br/>
            "address":{<br/>
                "city":"Beijing",<br/>
                "street":" Chaoyang Road ",<br/>
                "postcode":100025<br/>
            }<br/>
          };<br/>
          </span>
          <button >jsonObj_1.id</button>
          <button >jsonObj_1.address.city</button>
      </div>
      <div style="width:100%;height:30px;border:1px red solid;">
          <span>
          var jsonArray = [<br/>
            {<br/>
                "id":"1",<br/>
                "name":"张三",<br/>
                "status":true<br/>
            },{<br/>
                "id":"2",<br/>
                "name":"李四",<br/>
                "status":true<br/>
            },{<br/>
                "id":"3",<br/>
                "name":"王五",<br/>
                "status":true<br/>
            }<br/>
        ]<br/>
          </span>
          <button >jsonArray[0].name</button>
      </div>
  </body>
</html>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表