javascript - 无法按照我的预期访问 JSON 对象

Question

我进行了 ajax 调用:

$.ajax({
        url: '/foo/getData',
        dataType: 'json',
        async: false,
        success: function(data){
            lat = data.project_x;
            lng = data.project_y;
            zoomin = parseInt(data.mapzoom);
            console.log(data);
        }
    });

并返回:

[{"id":"3","project_x":"42.456","project_y":"-70.123","zoom":"7"},{"id":"3","project_x":"41.123","project_y":"-71.456","zoom":"7"}]

console.log(data) 给我:

Object 
id: "3"
project_x: "42.456"
project_y: "-70.123"

然而，当我尝试将这些值分配给某些东西时，我得到了未定义。例子:console.log(data.project_x);

当我期望它返回 42.456

时返回 undefined

我在这里做错了什么？

Answer 1

由于您的结果是一个数组，因此您需要访问所需的位置，例如:

lat = data[0].project_x;

或者，根据您的需要，循环遍历数组并使用每个值...从您的代码中不清楚您到底想要什么，但重要的是属性不在返回的对象上...它们位于返回的数组中的对象上。

循环可能如下所示:

$.each(data, function() {
   alert(this.project_x); //access properties off this
});