YouTube api 总是为不同的查询提供相同的视频答案

【问题标题】：YouTube api always gives the same videos for different queriesYouTube api 总是为不同的查询提供相同的视频
【发布时间】：2015-11-07 11:28:41
【问题描述】：

我正在制作一个从 YouTube 加载视频的网站。问题是当我使用其他查询时，我总是得到相同的视频。如果我使用下面的查询，两种情况下的结果都是相同的。

用“扑通”

https://www.googleapis.com/youtube/v3/search?part=snippet&key=my_key&q=plop

使用“K3”：

https://www.googleapis.com/youtube/v3/search?part=snippet&key=my_key&q=k3

这是我的代码：

$("body").ready(function () {
    init();
});

function init() {
    $("#search-button").click(function () {
        $.ajax({
            url: "https://www.googleapis.com/youtube/v3/search?part=snippet&key=my_key&q=" + $("#query"),
            success: function (data) {

                //data = JSON.parse(data);
                var lengte = data.items.length;

                $("#search-container").empty();

                for(var i = 0; i < lengte; i++) {

                    $("#search-container").append('<iframe width="427" height="240" src="https://www.youtube.com/embed/' + data.items[i].id.videoId + '" frameborder="0" allowfullscreen></iframe>');
                }
                console.log(data);
            },
            error: function() {
                console.log("oops");
            }
        });
    });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="buttons">
    <label>
        <input id="query" type="text"/>
        <button id="search-button" >Search</button>
    </label>
</div>
<div id="search-container"></div>

【问题讨论】：

标签： javascript jquery youtube-api

【解决方案1】：

您发送的网址应该是：

 url: "https://www.googleapis.com/youtube/v3/search?part=snippet&key=my_key&q=" + $("#query").val(),

目前您似乎正在尝试附加 input 元素，因此 youtube 正在搜索 'object' ，正如您从结果中看到的那样。要解决此问题，您必须添加 .val() 以获取文本框中的值。

希望这会有所帮助！

【讨论】：