如何在JSON响应中获取第三级数据?

时间:2015-07-16 18:41:12

标签: jquery arrays json

我想从API获取Flickr数据:

我使用了以下API https://api.flickr.com/services/rest/?method=flickr.photosets.getList&api_key=c87d0837c5bea1ac860102de95eee254&user_id=134029050%40N05&page=1&per_page=10&format=rest

我的代码是:

 <script type="text/javascript">
    (function () {
        var flickerAPI = "https://api.flickr.com/services/rest/?method=flickr.photosets.getList&api_key=c87d0837c5bea1ac860102de95eee254&user_id=134029050%40N05&page=1&per_page=10&format=json&nojsoncallback=1";
        $.getJSON(flickerAPI, {
            tags: "mount rainier",
            tagmode: "any",
            format: "json"
        })
.done(function (data) {
    // debugger;
    $.each(data.photosets.photoset, function (i, item) {
        alert(data.photosets.photoset[i].title);

        var span = $('<span />').html(item[i]["title"]);
        $("#images").append(span);


    });
});
    })();
</script>

我想获得&#34; photoset&#34;元素,我能够获得&#34; photoset&#34;的属性,但我不知道如何在#34; photoset&#34;内获取数据。

请帮帮我。

2 个答案:

答案 0 :(得分:2)

标题实际上存储在标题对象内的_content中。所以你需要使用:

item.title._content

或者你的循环内部,它只是:

#slider {
  /* ... */
  width: 5px;
  border-radius: 5px;
}
#slider .ui-slider-range-min {
  /* ... */
  border-radius: 5px;
}

在这里小提琴:https://jsfiddle.net/dho9xbt8/

答案 1 :(得分:0)

您只需使用: item.title._content 即可获得标题的第三级json

请检查我的代码以获得结果

(function () {
        var flickerAPI = "https://api.flickr.com/services/rest/?method=flickr.photosets.getList&api_key=c87d0837c5bea1ac860102de95eee254&user_id=134029050%40N05&page=1&per_page=10&format=json&nojsoncallback=1";
        $.getJSON(flickerAPI, {
            tags: "mount rainier",
            tagmode: "any",
            format: "json"
        })
.done(function (data) {
    // debugger;
    $.each(data.photosets.photoset, function (i, item) {
        //console.log(data.photosets.photoset[i].title._content);
        alert(item.title._content);
        var span = $('<span />').html(item.title._content);
        $("#images").append(span);


    });
});
    })();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>