标签：javascript jquery json youtube youtube-api

我试图从频道列出最近的5个视频(标题,更新,缩略图(hqDefault)).我有JSON格式的数据,但尽管看了几个指南我似乎无法解析它.有任何想法吗？可以使用Javascript或jQuery.

这是URL：https://gdata.youtube.com/feeds/api/videos?q=googledevelopers&max-results=5&v=2&alt=jsonc&orderby=published

FWIW这是我到目前为止(忽略HTML格式)

    $.getJSON('https://gdata.youtube.com/feeds/api/videos?q=googledevelopers&max-results=5&v=2&alt=jsonc&orderby=published', function(data) {
    var output="<ul>";
    for (var i in data.data.items) {
        output+="<li>" + data.data.items[i].title + "</li>";
    }
    document.getElementById("videos").innerHTML=output;

解决方法:

获得解析后的对象后,可以像下面这样迭代它：

$.getJSON('https://gdata.youtube.com/feeds/api/videos?q=googledevelopers&max-re‌​sults=5&v=2&alt=jsonc&orderby=published', function(data) {
    console.log(data);
    for(var i=0; i<data.data.items.length; i++) {
       console.log(data.data.items[i].title); // title
       console.log(data.data.items[i].description); // description
    }
});

标签：javascript,jquery,json,youtube,youtube-api
来源： https://codeday.me/bug/20190825/1721853.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。