我无法从JSON文件检索数据

Question

I've created a website in wordpress and I'm using wordpress json API to retrieve data for a web-app I'm developing. The json API is working fine: http://danielvivancos.com/edu/wordpress/?json=1 I get my Json file. But now I'm trying to print it in my html page with getjson jquery method. First I'm just just trying to display in a div some information from the json file to check that it is working but i don't know why it's not. Here you can check my script:

$(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!");
    });
});
});

And of course I have the #div381 created. I don't know what I'm doing wrong but I'm really stuck. Any help would be appreciated!!

EDIT : The console error is: Cannot read property 'length' of undefined.

SOLVED : I've changed the coma for a plus sign and changed the way of iterating through the file just as is explained below in one of the the answers.

Answer 1

It seems the type of the posts is an array and the first element is a hash which contains author .

Try to rewrite

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

UPDATE

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>");
});

Answer 2

The posts property in your JSON File is an array .

So you need to loop through that array first, to access the author property!

$.each(data.posts, function(i, post) {
    var author = post.author;
});