2

Janrainクライアント認証プロセスを使用してユーザーを認証するこのプロセス全体を機能させるのは、私の旅行での長い奇妙な旅でしたが、最終的には機能しましたが....

トークンを取得した後、モーダルポップアップウィンドウを閉じて、WebApiコントローラーの1つに対して$ .ajax getメソッドを使用してユーザー情報を取得するにはどうすればよいですか？

プロセス全体がうまく機能し、必要なユーザープロファイル情報を取得していますが、WebApiコントローラーへのajax呼び出しを実行し、ページにdivタグにデータを入力した後も、モーダルウィンドウは開いたままで、Facebookロゴの下にステータスが表示されます。 「ログイン....」

まだ画像を投稿することは許可されていませんが、フリーズしたモーダルの画像をご覧になりたい場合は、こちらからご覧いただけます「http://oi46.tinypic.com/34s1nax.jpg」

ヘルプ！モーダルを閉じるための最後のコマンドが1つありませんか？

これが私が配置しているコードの一部です。

(function () {
if (typeof window.janrain !== 'object') window.janrain = {};
window.janrain.settings = {};

janrain.settings.tokenUrl = 'http://localhost:20000/login.html';
janrain.settings.tokenAction = 'event';
janrain.settings.type = 'modal';
janrain.settings.linkClass = 'janrainEngage';


function isReady() { janrain.ready = true; };
if (document.addEventListener) {
    document.addEventListener("DOMContentLoaded", isReady, false);
} else {
    window.attachEvent('onload', isReady);
}

var e = document.createElement('script');
e.type = 'text/javascript';
e.id = 'janrainAuthWidget';

if (document.location.protocol === 'https:') {
    e.src = 'https://rpxnow.com/js/lib/idrinkticket/engage.js';
} else {
    e.src = 'http://widget-cdn.rpxnow.com/js/lib/idrinkticket/engage.js';
}

var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(e, s);
})();



function janrainWidgetOnload() {
janrain.events.onProviderLoginStart.addHandler(function () {
    console.log('Login Start!');
});
janrain.events.onProviderLoginComplete.addHandler(function (response) {
    console.log('Login complete!');
    console.log('response.provider = ' + response.provider);
});
janrain.events.onProviderLoginError.addHandler(function (response) {
    console.log('Login Error!');
    console.log('response.err.code = ' + response.err.code);
    console.log('response.err.msg = ' + response.err.msg);
    console.log('response.origin = ' + response.origin);
    console.log('response.state = ' + response.state);
});
janrain.events.onProviderLoginSuccess.addHandler(function (something) {
    console.log('Login Succcess!');
});
janrain.events.onReturnExperienceFound.addHandler(function (response) {
    console.log('Return Experience Found!');
    console.log('response.name = ' + response.name);
    console.log('response.returnProvider = ' + response.returnProvider);
    console.log('response.welcomeName = ' + response.welcomeName);
});
janrain.events.onProviderLoginToken.addHandler(function (response) {
    console.log('Provider Login Token Returned!');
    console.log('response.token = ' + response.token);

    $.ajax({
        url: "http://localhost:30001/Engage",
        type: "get",
        data: ({ token: response.token }),
        dataType: "json",
        success: function (data) {
            $('#results').append(data.Identifier);
            $('#results').append(data.ProviderName);
            $('#results').append(data.DisplayName);
        },
        error: function (xhr, status, p3, p4) {
            console.log(xhr);
            console.log(status);
            console.log(p3);
        }
    });
});
}



<a class="janrainEngage" href="#">LOGIN</a>
<br /><br />

<div id="results"></div>
4

2 に答える 2

3

janrain.engage.signin.modal.close()成功またはエラーで使用できます

于 2012-12-06T02:17:15.357 に答える
1

これも試して、

janrain.events.onProviderLoginComplete.addHandler(function (response) {
    janrain.engage.signin.modal.close();
});
于 2015-11-17T19:23:57.477 に答える