1

下面是一个使用 Xstream 创建的简单 JSON 对象。它是一个有效的 JavaScript 对象吗？实际上我想问如何访问第一个人的信息，如 id ，用户名，密码等。但是当我在浏览器中查看这个文件时，显示的网页没有显示“21”。我希望该页面应显示 21。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script>
        var obj = {"records":[
                     {"beans.Person":[
                        {"id":21,"name":"Name21","username":"Username21","password":"password21","age":41,"sex":true},
                        {"id":22,"name":"Name22","username":"Username22","password":"password22","age":42,"sex":true},
                        {"id":23,"name":"Name23","username":"Username23","password":"password23","age":43,"sex":true},
                        {"id":24,"name":"Name24","username":"Username24","password":"password24","age":44,"sex":true},
                        {"id":25,"name":"Name25","username":"Username25","password":"password25","age":45,"sex":true},
                        {"id":26,"name":"Name26","username":"Username26","password":"password26","age":46,"sex":true},
                        {"id":27,"name":"Name27","username":"Username27","password":"password27","age":47,"sex":true},
                        {"id":28,"name":"Name28","username":"Username28","password":"password28","age":48,"sex":true},
                        {"id":29,"name":"Name29","username":"Username29","password":"password29","age":49,"sex":true},
                        {"id":30,"name":"Name30","username":"Username30","password":"password30","age":50,"sex":true}
                       ]
                     }
                    ]
                  } 

          document.write(obj.records[0].beans.Person[0].id);
     </script>
  </head>
  <body>

  </body>
</html>

但是当我在浏览器中查看这个文件时，显示的网页没有显示21。我希望该页面应显示 21。

您可以复制并粘贴源代码并尝试一下。它不显示21。我如何访问这些值。

4

4 回答 4

5

您的问题是"."标识符中的使用"beans.Person"意味着您必须引用它，如下所示：

obj.records[0]["beans.Person"][0].id

document.write除非您有充分的理由并且知道自己在做什么，否则请避免使用。

<div id="result"></div>

var obj = {
    "records": [{
        "beans.Person": [{
            "id": 21,
            "name": "Name21",
            "username": "Username21",
            "password": "password21",
            "age": 41,
            "sex": true
        }, {
            "id": 22,
            "name": "Name22",
            "username": "Username22",
            "password": "password22",
            "age": 42,
            "sex": true
        }, {
            "id": 23,
            "name": "Name23",
            "username": "Username23",
            "password": "password23",
            "age": 43,
            "sex": true
        }, {
            "id": 24,
            "name": "Name24",
            "username": "Username24",
            "password": "password24",
            "age": 44,
            "sex": true
        }, {
            "id": 25,
            "name": "Name25",
            "username": "Username25",
            "password": "password25",
            "age": 45,
            "sex": true
        }, {
            "id": 26,
            "name": "Name26",
            "username": "Username26",
            "password": "password26",
            "age": 46,
            "sex": true
        }, {
            "id": 27,
            "name": "Name27",
            "username": "Username27",
            "password": "password27",
            "age": 47,
            "sex": true
        }, {
            "id": 28,
            "name": "Name28",
            "username": "Username28",
            "password": "password28",
            "age": 48,
            "sex": true
        }, {
            "id": 29,
            "name": "Name29",
            "username": "Username29",
            "password": "password29",
            "age": 49,
            "sex": true
        }, {
            "id": 30,
            "name": "Name30",
            "username": "Username30",
            "password": "password30",
            "age": 50,
            "sex": true
        }]
    }]
}

document.getElementById("result").textContent = obj.records[0]["beans.Person"][0].id;

在jsfiddle上

于 2013-04-20T07:08:42.590 回答
2

用于JSON.parse()从 JSON 字符串获取 javascript 对象。您可以在此处获得更多信息。

编辑：

var objectID = obj.records[0]['beans.Person'][0]['id'];

一个很好的阅读，使用方括号表示法。

于 2013-04-20T07:04:06.087 回答
1

试试这个，我相信它会工作

document.write(obj.records[0]['beans.Person'][0]['id']);

检查控制台，我很确定你有错误。它带着豆子和人两个不同的对象

于 2013-04-20T07:57:16.223 回答
0

这是后端代码 C# 中的对象示例

public Class Learner
{
     public string Name {get; set;}
     public string Surname {get; set;}
}

然后在 JavaScript 中从 JsonResult 读取对象时

 var leanerName = obj[0].Name;
 var leanerSurname = obj[0].Surname;

希望这可以帮助

于 2016-03-08T12:54:23.767 回答