使用变量访问JSON值

Question

我正在尝试使用jQuery访问JSON数据并基于变量获取一组特定的值。 我已经在使用[]之前完成了此操作，但是由于某些原因，我无法弄清楚这次出了什么问题。

我的JSON文件（由getJSON读取，名为jsonmaker.php）如下所示：

{"0107001":{"label":"Canada","x":"0","y":"0.34"},"0107002":{"label":"USA","x":"-0.16","y":"0.53"}}

然后，我有一个基本上是这样的函数：

function addAttrib(attrib) {
$.getJSON("jsonmaker.php", function(data) {
    alert(data[attrib].label);
}
}

但是它总是返回未定义的。 知道我在做什么错吗？ 我已检查以确保将要分配给attrib的var为0107001，那里没有问题。

另外，我知道我的JSON文件是一个php文件，因此我可以过滤返回的内容以匹配attrib值，但是我希望开发一些可以完全在HTML和JS上运行的东西，因此我可以将JSON文件打包为设计并随身携带。 不需要带有PHP等的Web服务器。

Answer 1

数据访问本身对我有用：

var data = {"0107001":{"label":"Canada","x":"0","y":"0.34"},"0107002":{"label":"USA","x":"-0.16","y":"0.53"}};
var attrib = "0107002";
alert(data[attrib].label); // USA

确保在调用addAttrib（）到AJAX请求完成且您的匿名回调函数被调用之间， attrib保持不变。

更新：这是您的真实代码吗？ 您至少有一个语法错误：

function addAttrib(attrib) {
    $.getJSON("jsonmaker.php", function(data) {
        alert(data[attrib].label);
    }); // <- Please note missing ");"
}

Answer 2

以我的经验， $.getJSON()并不总是返回对象。 根据服务器与JSON一起返回的MIME类型，您可能会以字符串而不是对象结尾。 检查包含的data 。 如果是字符串，则必须使用eval() （旧样式）或JSON.parse() （仅适用于新浏览器）手动解析。

Answer 3

尝试列出数据中的所有属性，以确保返回了数据：

for (var p in data){
  if (data.hasOwnProperty(p){
    alert(data[p]);
  }
}

这不是您的解决方案，但是您可以借此了解数据的传输方式。