2013-12-18 95 views
-1

我一直在嘗試瞭解一段時間的API。但我只是失去了...無法讓Google Plus API正常工作

我想做一些簡單的檢索和顯示我的Google Plus標語。

$.getJSON("https://www.googleapis.com/plus/v1/people/103039534797695934641?key=xxxxxxxxxxxxxxxxxxxxxxxxxxx", function(data) { 

    html = data.nickname; 

    // Insert the generated HTML to the DOM 
    $('.shots').html(html); 

}); 

我在做什麼錯? 我應該在鏈接中插入一個回調 - 如果是這樣,你知道這是怎麼完成的嗎? 我嘗試了所有我能想到的方法。

+0

你確定關鍵是好的。使用郵差或其他休息客戶端來查看結果 – Carlos487

+0

是的,關鍵我是正確的。 如果按照這個鏈接:https://www.googleapis.com/plus/v1/people/103039534797695934641?key=AIzaSyBaDZGM-uXuHc-VZZ2DINzVBcIDMN_54zg 然後就可以看到什麼,我應該得到。 – RicoRos

回答

0

除非你需要更具體的東西,所有你需要做的是改變data.nicknamedata.tagline

$.getJSON("https://www.googleapis.com/plus/v1/people/103039534797695934641?key=AIzaSyBaDZGM-uXuHc-VZZ2DINzVBcIDMN_54zg", function(data) { 
    var html = data.tagline; 

    // Insert the generated HTML to the DOM 
    $('.shots').html(html); 
}); 

你可以在一個瀏覽器(Chrome/Firefox的工作對我來說)是在$.getJSON用於打開URL查看data包含的更多屬性,如data.kind,data.nicknamedata.occupation

JSFiddle Example

1

你應該嘗試使用Google+ JavaScript Quickstart樣品得到持續,而不是針對端點執行XHR時,通過你的API密鑰...並有效地編寫自己的客戶端庫。另外,如果你只是想看看API可以做什麼,你應該從the Google APIs explorer for Google+開始。

下面的HTML做你需要的東西:

<html> 
    <body> 
    </body> 
    <script> 
    var key = 'YOUR_API_KEY'; 
    function doStuff(){ 
     gapi.client.load('plus','v1', function(){ 
     gapi.client.setApiKey(key); 
     gapi.client.plus.people.get({'userId': '103039534797695934641'}).execute(function(result){ 
      alert(result.tagline); 
      console.log(JSON.stringify(result)); 
     }); 
     }); 
    } 
    </script> 
    <script src="https://apis.google.com/js/client.js?onload=doStuff"></script> 
</html> 

請注意,我用的是谷歌提供的客戶端庫。您可以通過在瀏覽器中打開控制檯並瀏覽gapi.client.plus [...]方法來探索更多內容。