Question

在我的Polymer-Page上，我尝试登录google-plus页面并检索我的姓名和封面照片网址。为此，我使用google-signin元素在登录完成时运行以下函数：

loginSuccess: function(e){
    console.log("Success!");
    gapi.client.load('plus', 'v1', function() {
        var request = gapi.client.plus.people.get( {'userId' : 'me'} );
        request.execute(function(retr){
            console.log("Data Loaded");
            console.log(retr);
            this.myFunction(retr);
        });
    });
}

最多＆＃34;数据加载＆＃34;一切都很好，控制台也打印出google plus的整个结果对象。但我无法执行函数（this.myFunction）或从聚合物访问数据。如何将gapi-request中的结果数据存储到我的聚合物变量中

谢谢，Malte

Answer 1

在Ajax结果中，this上下文不同。您需要在ajax请求之前或在函数访问之前设置变量，如下所示：

self: this,

loginSuccess: function(e){
    console.log("Success!");
    gapi.client.load('plus', 'v1', function() {
        var request = gapi.client.plus.people.get( {'userId' : 'me'} );
        request.execute(function(retr){
            console.log("Data Loaded");
            console.log(retr);
            self.myFunction(retr);
        });
    });
}

Answer 2

我刚刚发现，我选择了错误的方式来获取我的个人资料数据。

有一个聚合物元素可以从google-api获取名为google-api-loader（http://googlewebcomponents.github.io/google-apis/components/google-apis/#google-api-loader）的数据。我在google-signin元素之外使用以下方式使用该元素：

<google-api-loader id="plus" name="plus" version="v1" on-google-api-load="{{displayProfile}}"> </google-api-loader>

这里是函数displayProfile

    displayProfile: function(){
        if (this.signedIn && this.$.plus.api) {
            var request = this.$.plus.api.people.get({"userId": "me"});
            request.execute(function (resp) {
                this.userData = resp;
            }.bind(this));
        }
    }

它很棒，我可以通过this.userData访问数据。这是另一个例子：https://github.com/Scarygami/google-signin-samples/blob/master/elements/google-signin-status.html

GooglePlus登录处理结果

2 个答案: