javascript - 我无法从 JSON 文件检索数据

Question

我已经在 WordPress 中创建了一个网站，并且正在使用 WordPress json API 来检索我正在开发的 Web 应用程序的数据。 json API 工作正常: http://danielvivancos.com/edu/wordpress/?json=1我得到了我的 Json 文件。但现在我尝试使用 getjson jquery 方法将其打印在我的 html 页面中。首先，我只是尝试在 div 中显示 json 文件中的一些信息以检查它是否正常工作，但我不知道为什么它不正常。您可以在这里查看我的脚本:

$(document).ready(function (){
$("#btn382").click(function(){       

    $.ajaxSetup({ cache: false });

    $.getJSON("http://danielvivancos.com/edu/wordpress/?json=1&count=1", function(data){
        var html = [];


        $.each(data.posts.author, function(index, author){           
            html.push("id : ", author.id, ", ",
                      "slug : ", author.slug, ", ",
                      "name : ", author.name, "<br>");
        });


        $("#div381").html(html.join('')).css("background-color", "orange");
    }).error(function(jqXHR, textStatus, errorThrown){ /* assign handler */
        /* alert(jqXHR.responseText) */
        alert("error occurred!");
    });
});
});

当然，我已经创建了#div381。我不知道我做错了什么，但我真的被困住了。任何帮助将不胜感激!!

编辑:控制台错误是:无法读取未定义的属性“长度”。

已解决:我已将逗号更改为加号，并更改了迭代文件的方式，正如下面的答案之一所述。

Answer 1

看起来posts的类型是一个数组，第一个元素是一个包含author的散列。

尝试重写

$.each(data.posts[0].author, ...

更新

html.push("status : ", data.status, ", ",
   "count : ", data.count, ", ",
   "pages : ", data.pages, "<br>"); 
$.each(data.posts, function(index, post){
   html.push("id : ", post.author.id, ", ",
     "slug : ", post.author.slug, ", ",
     "name : ", post.author.name, "<br>");
});