jquery - $.getJSON 返回 "undefined"值，数据读取 [object Object]

Question

预先感谢您的帮助。我是 JSON 新手，一直尝试使用 $.getJSON 来填充一些表单字段，但没有成功。

我开始砍掉一些碎片，直到我只剩下简单地测试来自服务器的响应(当在浏览器中查看下面列出的 URL 时，我的服务器正在提供 JSON):

$(document).ready(function(){
    $('#button').live('click', function(){
        $.getJSON('http://localhost:8000/core/api/master-assembly/16', function(data) { 
        // alert(data); // uncomment for debug
           $('#showdata').html("<p>item1="+data.afAgeCounter+" item2="+data.afWordCounter+" item3="+data.idNumber+"</p>");
        });
    });
});

我的 JSON 数据看起来像:

{"success":true,"data":{"afWordCounter":123,"afAgeCounter":456,"idNumber":789, ...

当我运行此脚本时，我得到输出:

item1=undefined item2=undefined item3=undefined

如果我取消注释

alert(data);

我得到的返回是[object Object]

那么这里给出了什么？

Answer 1

您应该像这样访问它:

data.data.afWordCounter

因为您的 json 变量具有以下结构:

data = {
    "success":true,
    "data":{
         "afWordCounter":123,"afAgeCounter":456,"idNumber":789,
         ...