从 flickr 获取第一个图像结果

Question

我有一个从 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 中搜索该标签？

谢谢。

Answer 1

您只需要获取您存储在#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 调用中传递

但是，如果您的 DB 调用与您的闪烁调用在同一范围内，您应该能够只存储和传递 output1 并保存额外的 DOM 读取