从flickr获取第一个图像结果

时间:2013-06-24 17:38:58

标签: jquery html json flickr

我有一个典型的例子来从flickr获取第一张图片。我从一个html调用这个脚本。我使用Javascript从数据库中获取值,然后使用此句子将该值发送到html,以便显示。

document.getElementById("winner").innerHTML=output1;

这是我用来获取第一张图片的代码:

<script>
    (function() {
        var flickerAPI = "http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?";
        $.getJSON( flickerAPI, {
            tags: "clint eastwood",
            tagmode: "any",
            format: "json"
        })
        .done(function( data ) {
            $.each( data.items, function( i, item ) {
                $( "<img/>" ).attr( "src", item.media.m ).appendTo( "#image" );
                if ( i === 0 ) {
                    return false;
                }
            });
        });
    })();
</script>

如何将从数据库中收到的值传递给此脚本,以便在Flickr中搜索该标记?

感谢。

1 个答案:

答案 0 :(得分:0)

您只需要抓取存储在#winner中的HTML,然后将其传递给闪烁API

var tags = document.getElementById("winner").innerHTML;
var flickerAPI = "http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?";
    $.getJSON( flickerAPI, {
        tags: tags,
        tagmode: "any",
        format: "json"
    })

HTML存储在var标记中并在getJSON调用中传递

但是,如果您的数据库调用与闪烁调用的范围相同,则应该能够存储并传递output1并保存额外的DOM读取