2

首先尝试使用 JSON。我有一个返回 JSON 对象的 ajax/php 函数。回到js端,我可以看到对象并将其输出到一个div。看起来不错。我可以将它打印到控制台,看起来仍然不错。但是当我尝试迭代它并公开各个值时,我只会在控制台中得到“未定义”。我无法弄清楚我错过了什么。对不起,如果是明显的东西,但我看不到。谢谢!

var jsonObj = JSON.parse(xmlhttp.responseText);
console.log(jsonObj);   //<--looks perfect
console.log(jsonObj.length);
document.getElementById("rightsidebox").innerHTML=response; //<--looks good
for (var group in jsonObj) {
    //each of these generates 'undefined' WHY???
    //I get 4 'undefined' outputs for each group, so I know that my loop is iterating correctly
    console.log(group.id);
    console.log(group.day);
    console.log(group.time);
    console.log(group.name);  
}

编辑:这是我的 ajax 调用返回的 JSON 对象之一的示例。在此示例中,我在数组中只有一个对象。当然,通常会有多个对象:

[{"id":"7","day":"Thursday","time":"7:00 am","name":"Sub 10:00"}]

编辑 2:给定这个数组,我不得不问 JSON 的意义是什么。我可以返回这个数组,而无需 PHP 以 JSON 格式对其进行编码。那么,如果返回的只是一个 javascript 数组,那么我完成了什么?为什么不跳过 PHP 中的 JSON 编码然后遍历数组呢?显然这是有原因的,所以我显然遗漏了一些东西。有没有更好的方法来做我想要完成的事情?谢谢!

4

3 回答 3

6

考虑以下:

var myJson = '{"groupA": {"id": 123, "name": "foo"}}';
var myObj = JSON.parse(myJson);
for (var i in myObj) {
    console.log(i);
    console.log(i.id);
    console.log(myObj[i].id);
}

这里的预期输出是:

myGroup
undefined
123

这是因为您循环只是将对象的“键”分配给值i。如果你要迭代一个数组,而不是一个对象,你会得到索引而不是字符串。

在您给出的示例 JSON 中,您有一个包含一个对象的数组。如果你打算在你的数组中有多个对象,这样的事情会更好:

for (var group in jsonObj) {
  var thisGroup = jsonObj[group];
  thisGroup.id; // Etc etc..
}
于 2013-07-16T14:06:48.907 回答
0

如果您有正确的 jsonObj,并且您说您有,您可以使用格式化以易于阅读的形式输出对象。您不必遍历它。

console.log(JSON.stringify(jsonObj, null, 1));
于 2013-07-16T14:08:40.803 回答
-2

不知道为什么这行得通,当我的原始for (var group in jsonObj)循环没有时,但无论如何......

for (var i=0; i < jsonObj.length; i++) {
    console.log(jsonObj[i].id);
    console.log(jsonObj[i].day);
    console.log(jsonObj[i].time);
    console.log(jsonObj[i].name);
}
于 2013-07-16T15:40:56.727 回答