将 JS 回调合并到 HTML <img> 标记中

Question

我正在制作一个小应用程序，并希望集成一个YouTube部分。我有一个方法来获取用户的YouTube图标:

标题:

<script type="text/javascript" src="http://gdata.youtube.com/feeds/api/users/communitychannel?fields=yt:username,media:thumbnail&alt=json-in-script&format=5&callback=showImage"></script>

脚本如下:

<script>
function showImage(data)
{
  var name= data.entry.yt$username.$t;
  var url = data.entry.media$thumbnail.url;
  $(document).append("<img src='"+ url +"'/>");
}
</script>

我是新的与JS，有人可以告诉我，我现在如何使用这将上面的脚本给出的URL集成到一个HTML标签?谢谢。

Answer 1

Hello youtube返回的$tumbnail是一个数组，你需要访问位置0。选择body来添加。

var url = data.entry.media$thumbnail[0].url;
$('body').append("<img src='"+ url +"'/>");