Question

我一直在努力了解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);

});

我做错了什么？我应该在链接中插入一个回调 - 如果是这样，你知道怎么做吗？我已经尝试了所有我能想到的方法。

Answer 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>

请注意，我使用的是Google提供的客户端库。您可以通过在浏览器中打开控制台并浏览gapi.client.plus [...]方法来探索更多内容。

Answer 2

除非您需要更具体的内容，否则您需要做的就是将data.nickname更改为data.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);
});

您可以在$.getJSON中使用的浏览器（Chrome / Firefox适合我）中打开URL，以查看data包含的更多属性，例如data.kind ，data.nickname和data.occupation。

JSFiddle Example

无法使Google Plus API正常运行

2 个答案: