Youtube api 无法通过为“提供的示例代码”；搜索“；在Youtube API中_Youtube Api_Youtube Javascript Api_Youtube Data Api

Youtube api 无法通过为“提供的示例代码”；搜索“；在Youtube API中

youtube-api

Youtube api 无法通过为“提供的示例代码”；搜索“；在Youtube API中,youtube-api,youtube-javascript-api,youtube-data-api,Youtube Api,Youtube Javascript Api,Youtube Data Api,我正在尝试使用Javascript运行“search-youtube数据api”的示例代码。我收到以下消息：“此应用程序需要访问您的YouTube帐户。请授权继续。”我还收到一个带有文本“cat”的禁用搜索按钮。现在为了克服这个问题，我还阅读了其他线程，它们说oauth不是必需的，因此也运行了这个线程中提到的代码。但是，即使我做了所有的更改，当我点击授权按钮时，代码也不会向前移动，在我的浏览器的地址栏中会附加一个“#”，就是这样，我被卡住了。我正在输入客户ID和所有信息。但是代码并没有向前推

我正在尝试使用Javascript运行“search-youtube数据api”的示例代码。我收到以下消息：“此应用程序需要访问您的YouTube帐户。请授权继续。”我还收到一个带有文本“cat”的禁用搜索按钮。现在为了克服这个问题，我还阅读了其他线程，它们说oauth不是必需的，因此也运行了这个线程中提到的代码。

但是，即使我做了所有的更改，当我点击授权按钮时，代码也不会向前移动，在我的浏览器的地址栏中会附加一个“#”，就是这样，我被卡住了。我正在输入客户ID和所有信息。但是代码并没有向前推进。请提供任何帮助，我们将不胜感激

编辑——下面是代码


搜寻
搜寻
函数关键字搜索（）{
gapi.client.setApiKey（'API key here'）；
load（'youtube'，'v3'，function（）{
makeRequest（）；
});
}
函数makeRequest（）{
var q=$（'#query'）.val（）；
var request=gapi.client.youtube.search.list({
问:问,，
部分：“代码片段”
});
请求.执行（函数（响应）{
var str=JSON.stringify（response.result）；
$（“#搜索容器”）.html（“”+str+“”）；
});
}

我纠正了您代码中的一些错误，如

关键字搜索

替换为

GoogleAppClient

和一些小错误。我测试了代码，它可以工作。不要忘记API密钥


搜寻
搜寻
函数makeRequest（）{
var q=$（'#query'）.val（）；
var request=gapi.client.youtube.search.list({
问:问,，
部分：“代码片段”
});
请求.执行（函数（响应）{
var str=JSON.stringify（response.result）；
$（“#搜索容器”）.html（“”+str+“”）；
});
};
函数googleApiClientReady（）{
gapi.client.setApiKey（“您的API密钥”）；
load（'youtube'，'v3'，function（）{}）；
};

非常感谢！！您的代码确实可以工作，但还有一个原因导致我的代码无法工作。该代码仅在从服务器运行时有效，即使是xampp也可以。但我们需要像xampp这样的东西来实现这一点。

<html>
<head>
<title>Search</title>

</head>
<body>
  <div id="buttons">
  <label> <input id="query" value='cats' type="text"/><button id="search-button"  onclick="keyWordsearch()">Search</button></label>
  </div>
  <div id="search-container">
  </div>

  <script>
    function keyWordsearch(){
            gapi.client.setApiKey('API key here');
            gapi.client.load('youtube', 'v3', function() {
                    makeRequest();
            });
    }
    function makeRequest() {
            var q = $('#query').val();
            var request = gapi.client.youtube.search.list({
                       q: q,
                    part: 'snippet'                        
            });
            request.execute(function(response) {
                    var str = JSON.stringify(response.result);
                    $('#search-container').html('<pre>' + str + '</pre>');
            });
    }
 </script>

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
 <script src="https://apis.google.com/js/client.js?onload=googleApiClientReady"> </script>
</body>
</html>

<!DOCTYPE html>
<html>
    <head>
        <title>Search</title>

    </head>
    <body>
        <div id="buttons">
            <label><input id="query" value='cats' type="text"/><button id="search-button"  onclick="makeRequest()">Search</button></label>
        </div>
        <div id="search-container"></div>

     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

          <script>
          function makeRequest() {
                var q = $('#query').val();
                var request = gapi.client.youtube.search.list({
                           q: q,
                        part: 'snippet'                        
                });
                request.execute(function(response) {
                        var str = JSON.stringify(response.result);
                        $('#search-container').html('<pre>' + str + '</pre>');
                });
        };
        function googleApiClientReady(){
                gapi.client.setApiKey('YOUR API KEY');
                gapi.client.load('youtube', 'v3', function() {});
        };
     </script>
     <script src="https://apis.google.com/js/client.js?onload=googleApiClientReady"> </script>
    </body>
</html>