2

我正在尝试使用 javascript api 从谷歌获取联系人：

$(document).on('click', '#connect_to_google', function() {
    $('body').addClass('loading');
    var config = {
        client_id: GOOGLE_CP_CIENT_ID,
        scope: 'https://www.google.com/m8/feeds'
    };

    gapi.auth.init(function() {
        gapi.auth.authorize(config, function() {
            var token = gapi.auth.getToken();

            if (null !== token && (typeof token.access_token !== 'undefined')) {
                $.ajax({
                    url: "https://www.google.com/m8/feeds/contacts/default/full?access_token=" + token.access_token + "&alt=json&v=3.0",
                    dataType: "json",
                    cache: false,
                    success: function(data) {
                        //doStuff(data);
                        $('body').removeClass('loading');
                    },
                    error: function (xhr, error) {
                        $('body').removeClass('loading');
                    },
                    complete: function (xhr, error) {
                        $('body').removeClass('loading');
                    }
                });

            } else {
                $('body').removeClass('loading');
            }

        });         

    });
});

客户端单击登录按钮的那一刻，页面会在其上显示一个层 ( $('body').addClass('loading');)，以限制 google auth 页面之外的任何用户交互。一切正常，除了用户手动关闭谷歌身份验证窗口的情况，然后什么也没有发生。有没有办法检查用户是否关闭了该窗口，调用$('body').removeClass('loading');？

或者有什么方法可以在模态对话框容器中打开 gapi.auth.authorize 窗口？这样我就可以很容易地检查它的状态。

4

1 回答 1

2

这似乎可以解决问题：

(function(wrapped) {
    window.open = function() {
        var win = wrapped.apply(this, arguments);
        var i = setInterval(function() {
            if (win.closed) {
                clearInterval(i);
                $('body').removeClass('loading');
            }
        }, 100);
    };
})(window.open);

这不是最好的解决方案，但它确实有效

于 2015-07-24T15:01:31.450 回答