动态加载YouTube JSON API

我想动态地发出不同的YouTube JSON API请求，然后使用一个函数对我想要的数据进行排序。

以下是YouTube数据JSON API网站上的示例。

这是我当前的代码，它很好地为我提供了id。我的问题是，目前它正在使用脚本标记和回调URL查询来使用我的函数。有没有其他方法可以让我只在JavaScript中实现，并继续执行调用getid函数的请求？

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
</head>
<body>
<script type="text/javascript">
function getid(data) {
    var i=0;
    for(items in data.data){
        i++
         console.log(data.data.items[i].id)  
    }
}
</script><script type="text/javascript" src="https://gdata.youtube.com/feeds/api/videos?q=surfing&v=2&alt=jsonc&callback=getid"></script>
</body>
</html>

下面的

jsonp函数将动态创建一个脚本标记并将其附加到正文中。

function jsonp(url,callback) {                    
  var script = document.createElement("script");        
  script.setAttribute("src",url);
  script.setAttribute("type","text/javascript");                
  document.body.appendChild(script);
}
function getid(data) {
  var i=0;
  for(items in data.data){
    i++
    console.log(data.data.items[i].id)  
  }
}
// pass a url and callback
var url = "https://gdata.youtube.com/feeds/api/videos?q=surfing&v=2&alt=jsonc&callback=getid";  
jsonp(url, getid)

相关内容

最新更新

热门标签：