【问题标题】:Ajax Json Youtube API Error for contentDetailscontentDetails 的 Ajax Json Youtube API 错误
【发布时间】:2016-06-08 20:50:09
【问题描述】:

我有一个运行良好的 ajax json 脚本,但是在控制台中出现错误。

//load youtube videos to game page
function loadGameVideos(){
    var formData = {
        'game_platform_link' : $('.game_platform_link').attr('name'),
        'game_title_link' : $('.game_title_link').attr('name')
    };
    $.ajax({
        type: 'post',
        url: '/games/videos_get.php',
        data : formData,
        dataType : 'json',
        beforeSend: function(){
          $(".bbox_content.bbox_videos").append("<div class='content_loader_container'><span class='content_loader'><img src='/images/loader.gif'></div>");   
        },
        success: function(viddata) {
            $.each(viddata.videos, function(i, video){
                $.getJSON("https://www.googleapis.com/youtube/v3/videos", {
                    key: "AIzaSyAQ26GN-L4JyAcuwOdWRgLLvGNG1uh5g6k",
                    part: "snippet,contentDetails,statistics",
                    id: video
                }, function(data) {
                    var duration = convert_time(data.items[0].contentDetails.duration);
                    var views = data.items[0].statistics.viewCount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                    $(".bbox_content.bbox_videos .content_loader_container").remove(); 
                    $(".bbox_content.bbox_videos").append($('<div class="bbox_item bbox_video_item"><a class="video_item youtube" href="/video/' + video + '" style="background-image:url('+ data.items[0].snippet.thumbnails.high.url +');"><span class="img"><img width="100%" src="/images/movie_arrow.png"/></span><span class="video_time">'+ duration +'</span></a><div class="bbox_video_item_info"><span class="video_title">'+ data.items[0].snippet.title +'</span><span class="view_count">Views: '+ views +'</span></div></div>').hide().fadeIn(800));
                });
            });
        }
    });
}

错误如下。

未捕获的类型错误:无法读取未定义的属性“contentDetails”

一切正常,我只是不喜欢出错,哈哈。有人知道为什么吗?

谢谢!

【问题讨论】:

    标签: jquery json ajax youtube-api youtube-data-api


    【解决方案1】:
    //if you test get json call
    
    $.getJSON("https://www.googleapis.com/youtube/v3/videos", {
        key: "AIzaSyAQ26GN-L4JyAcuwOdWRgLLvGNG1uh5g6k",
        part: "snippet,contentDetails,statistics",
        id: 'G_0TziI12SE'
    }, function (data) {
    
        console.log(data.items[0].contentDetails);
    
    });
    
    //contentDetails success returned value
    
    //check your video id callback on this line 'id: video'
    

    【讨论】:

      猜你喜欢
      • 2013-08-10
      • 2014-03-06
      • 1970-01-01
      • 2015-02-08
      • 2015-12-07
      • 2021-12-24
      • 2023-03-22
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多