将 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

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

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