嘗試使用YouTube API的html頁面

-2

<!DOCTYPE html> 

<html lang="en" > 
<head> 
<script type="text/javascript"> 

    function showResponse(response){ 
     var responseString = JSON.stringify(response, '', 2); 
     document.getElementById('response').innerHTML += responseString; 
    } 

    function onClientLoad(){ 
     gapi.client.load('youtube','v3', onYouTubeApiLoad); 
    } 

    function onYouTubeApiLoad(){ 
     gapi.client.setApiKey('MyActualKey'); 

     search(); 
    } 

    function search(){ 
     var request = gapi.client.youtube.search.list({ 
      part: 'snippet' 
     }); 

     request.execute(onSearchResponse); 
    } 

    function onSearchResponse(response){ 
     showResponse(response); 
    } 

</script> 
<title></title> 
<script src="https://apis.google.com/js/client.js?onload=onClientLoad"></script> 
</head> 
<body> 
    <div id="response"></div> 
</body> 
</html>

此代碼是從Codecademy網站，我想我可以用它在HTML頁面，它會工作。我從谷歌API密鑰和設置我的YouTube數據API V3設置在我的谷歌開發者控制檯啓用，但是這個代碼給了我一個空白頁。我在做什麼錯？

來源

2014-08-27 Dan

因爲你身體裏什麼都沒有？ – Xanco 2014-08-27 20:44:58

你需要在你的身體的代碼或將顯示什麼 – Devin 2014-08-27 20:47:46

有其Codecademy網站幾個缺件，代碼片段可能認爲理所當然但把它放在自己的服務器的應用程序之外時，是必不可少的。首先，你需要一個實際從谷歌加載gapi庫的行。你可以把這個在你的代碼，只是在收盤前：

<script src="https://apis.google.com/js/client.js?onload=onClientLoad"></script>

總之，這將會從谷歌的服務器庫，當它的加載庫會自動調用onClientLoad方法，蹬掉你的應用程序。

接下來，你說你有一個API密鑰;請確保你把鑰匙插入你的代碼通過更換這樣的：這個

gapi.client.setApiKey('MyKey');

：

gapi.client.setApiKey('{WHATEVER_YOUR_ACTUAL_KEY IS');

最後，作爲評論者所說，你的身體是空的，所以當你的代碼執行showResponse方法方法有沒有地方把什麼回來。加入這個：

<div id="response"></div>

來源

2014-08-28 06:08:02 jlmcdonald

還不行，其實我有鑰匙，並放置在正確的地方，我只是不想在這裏表現出來，我只是錯過了腳本和div但由於某種原因，它仍然無法正常工作。我更新了我的代碼外觀。 – Dan 2014-08-29 01:49:18

嘗試使用YouTube API的html頁面

回答

相關問題