如何在Asp.Net MVC上实现客户端Ajax登录(Asp.Net Webforms解决方案的链接在这里)

Question

我正在尝试在Asp.Net MVC上实现客户端ajax登录.我以前在WebForms上设置得很好,但是现在我已经转移到MVC了,它给了我一些麻烦.

如果你想要一个关于Asp.Net Webforms的客户端Ajax登录的教程,可以在这里找到- Easy,A ++

现在......出于某种原因,它不适用于Asp.Net MVC.

我使用与Webforms完全相同的教程,除非它执行ssa.login() (等效:),Sys.Services.AuthenticationService.login()它没有做任何事情.

我在onLoginComplete()函数和onError()函数中都有警报.同样,我在ssa.login被调用之前有一个警报,然后......

function loginHandler() {
    var username = $("#login_UserName").val();
    var password = $("#login_Password").val();
    var isPersistent = $("#login_RememberMe").attr("checked");
    var customInfo = null;
    var redirectUrl = null;
    // Log them in.
    alert("try login");
    ssa.login(username,
                      password,
                      isPersistent,
                      customInfo,
                      redirectUrl,
                      onLoginComplete,
                      onError);
    alert("made it here");
}

第一个警报触发但第二个警报触发,这意味着该功能失败.
这是我从Asp.Net Ajax中提取的函数向您展示:

function(c, b, a, h, f, d, e, g) {
    this._invoke(this._get_path(), "Login", false, { userName: c, password: b, createPersistentCookie: a }, Function.createDelegate(this, this._onLoginComplete), Function.createDelegate(this, this._onLoginFailed), [c, b, a, h, f, d, e, g]);
}

任何人都知道为什么会失败？

Answer 1

你使它变得比它需要的更复杂.您需要做的就是使用AJAX调用调用您的帐户/登录方法.您不需要验证服务的复杂性,但您可能想要检测是否通过AJAX登录并返回JSON而不是View.

function loginHandler() {
    var username = $("#login_UserName").val();
    var password = $("#login_Password").val();
    var isPersistent = $("#login_RememberMe").attr("checked");
    var customInfo = null;
    var redirectUrl = null;
    // Log them in.
    alert("try login");
    $.ajax( {
       url : '<%= Url.Action( "Login", "Account" ) %>',
       type: 'post',
       dataType: 'json',
       data: { username: username,
               password: password,
               isPersistent: isPersistent,
              },
       success: onLoginComplete,
       error: onError
    });
    alert("made it here");  // this will execute before the callback completes...
}