Question

我试图使用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窗口？这样我就可以很容易地检查它的状态。

Answer 1

这似乎可以解决问题：

(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);

它不是最好的解决方案，但它可以完成工作

谷歌api身份验证窗口关闭回调

1 个答案: