从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，并将其传递给flicker 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读取