Question

我正在尝试构建一个简单的HTML文档，用于类分配，允许用户搜索闪烁并根据搜索结果显示10个结果。

我已经为搜索构建了网址，看起来效果很好：http://api.flickr.com/services/rest/?&method=flickr.photos.search&tags=thor&api_key=b49d87bfd659c5768ab0eafa74f2b6a5&per_page=10

它根据标签“thor”请求信息，并在xml中显示10个结果。好到目前为止...

接下来，我希望能够存储XML的某些部分，以便我可以使用它们来显示图像。根据Flickr API信息，我需要以下内容... ID，服务器场，服务器和密码。

我使用以下代码执行此操作。

$(document).ready(function() {
    $.get('api.flickr.com/services/rest/?&method=flickr.photos.search&tags=thor& api_key=b49d87bfd659c5768ab0eafa74f2b6a5&per_page=10',function(data) {
        var items=[];
        $.each(data.photos.photo, function(index, value) {
            var ident=(value.id);
            alert(ident);
        });
    })
});

这不起作用。最大的问题是，萤火虫没有给我任何错误，所以我不知道我哪里出错了。如果我能得到一只手，那就获得了很棒的照片ID。如果可能的话，我想自己解决剩下的问题。

编辑：我通过MAMP运行这个，所以我使用的是url localhost / example.html

谢谢Tamil Selvan，你的代码允许我检索value.id。有没有理由为什么当我尝试检索任何其他数据（value.server，value.farm，value.secret）时，我得到一个“未定义”的值？

我的新代码......

         $(document).ready(function() {
         $.get('http://api.flickr.com/services/rest/?&method=flickr.photos.search&tags=thor&api_key=b49d87bfd659c5768ab0eafa74f2b6a5&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>");
             });
             });
             });

Answer 1

网址始终以http / https

开头

尝试

$.get('http://api.flickr.com/services/rest/?&method=flickr.photos.search&tags=thor& api_key=b49d87bfd659c5768ab0eafa74f2b6a5&per_page=10',function(data) {

修改

$(document).ready(function() { $.get('http://api.flickr.com/services/rest/?&method=flickr.photos.search&tags=thor& api_key=b49d87bfd659c5768ab0eafa74f2b6a5&per_page=10',function(data) { var items=[]; $(data).find("photo").each(function(index, value) { var ident=(value.id); alert(ident); }); }); });

<强> EDIT1：

从值
获取机密，服务器，服务器场ID
使用

var secret_id= $(value).attr('secret'); var farm_id= $(value).attr('farm'); var server_id=$(value).attr('server');

Answer 2

查看http://justcats.applicate.de并查看页面的源代码，了解核心系列的工作原理：

https://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=yourApiKey&tags=cat,kitten

jQuery Flickr API简单搜索和显示结果

2 个答案: