jquery - 从 flickr api 返回未定义的值

Question

在尝试构建一个简单的 10 张图像库时，我遇到了一个问题，该图像库是从学校的 flickr API 中提取的。

我的代码...

$(document).ready(function() {
    $.get('http://api.flickr.com/services/rest/?&method=flickr.photos.search&tags=thor&api_key=[API_KEY]5&per_page=10', function(data) {
        var items = [];
        $(data).find("photo").each(function(index, value) {
            var ident = (value.id);
            var secret_id = (value.secret);
            var farm_id = (value.farm);
            var server_id = (value.server);
            $("#target").append("<p>" + ident + " " + server_id + " " + secret_id + " " + farm_id + "</p>");
        });
    });
});

输出...

“10627683824 undefined undefined undefined”(其中 10 个具有不同的 id 值)

我知道我在正确的轨道上。如果有人可以向我解释为什么我得到未定义的值，将不胜感激。

Answer 1

您需要使用 attr 从返回的 XML 中获取属性。试试这个:

$.get('http://api.flickr.com/services/rest/?&method=flickr.photos.search&tags=thor&api_key=[API_KEY]&per_page=10', function (data) {
    var items = [];
    $(data).find("photo").each(function (index, value) {
        var ident = value.id;
        var secret_id = $(value).attr('secret');
        var farm_id = $(value).attr('farm');
        var server_id = $(value).attr('server');
        $("#target").append("<p>" + ident + " " + server_id + " " + secret_id + " " + farm_id + "</p>");
    });
});

Example fiddle

它适用于 value.id 的唯一原因是因为 id 是一个原生属性。