来自 YouTube API 请求的空结果

Question

我不明白为什么项目数组是空的。有人可以告诉我什么不起作用吗？谢谢。

jQuery(document).ready(function ($) {
$('#infl-yt-label').on('click', function() {
    //$('#infl-inp-search').attr("placeholder","YouTube input...");
    $('#infl-form-ig').hide();
    $('#infl-form-yt').show();
});
$('#infl-it-label').on('click', function() {
    //$('#infl-inp-search').attr("placeholder","Instagram input...");
    $('#infl-form-yt').hide();
    $('#infl-form-ig').show();
});
 $("#searchchannels").on("click", function() {
    console.log($("#infl-inp-search-yt").val());
    $.get(
        "https://www.googleapis.com/youtube/v3/search?",
        {
            part:"snippet",
            type:"channel",
            q: encodeURIComponent($("#infl-inp-search-yt").val()).replace(/%20/g, "+"),
            key:key
        },
             function(data)
             {
                console.log(data.items)
                 $.each(data.items, function()
                 {
                 console.log(data.items);
                 })
             }
        );//end get
    alert(1);
});//end 
});// end

.html：

        <div class="infl-sociale col-md-3 col-lg-2 text-center">
            <input id="infl-yt" type="radio" name="infl-sociale" value="youtube" checked>
            <label for="infl-yt" id="infl-yt-label"><i class="fa fa-youtube-play" aria-hidden="true"></i></label>
            <input id="infl-it" type="radio" name="infl-sociale" value="instagram">
            <label for="infl-it" id="infl-it-label"><i class="fa fa-instagram" aria-hidden="true"></i></label>
        </div>   

注意：我在标题中没有指向谷歌 api 链接的脚本链接。

Answer 1

您应该更新函数以正确迭代"items"集合。

function(data)
{
    console.log(data.items) /* what does this log to the console? */
    $.each(data.items, function(item)
    {
        console.log(item);
    })
}

话虽如此，第一个console.log(data.items)的结果是什么？ 如果这是空的，则迭代它不会做任何事情。 您也可以尝试console.log(data)或查看 Chrome 调试网络选项卡以查看 API 调用的响应。