zhannufeifei 发表于 2013-2-7 16:03:39

json入门

<!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.name</button>
      </div>
</body>
</html>
页: [1]
查看完整版本: json入门