如何使用Jquery为ASP.NET 2.0站点实现AJAX登录？

Question

我想搞清楚如何使用Jquery为ASP.NET 2.0站点实现AJAX登录。

我已经在站点上实现了另一个简单的Jquery AJAX应用程序，但是我不确定如何通过AJAX将标准登录控件转换为POST。我应该公开login.aspx页面方法吗？

任何帮助都将不胜感激！

Answer 1

Here are some ideas on how this can be implemented. This is not full code, but it should be enough to get you started on the right track.

You need to create your own login form fields for username/password.

Create an ASMX or WCF WebService for authentication with a method similar to this:

[WebMethod]
public string AuthenticateUser(string username, string password)
{
    string result = "Invalid Username or Password";
    if(Membership.ValidateUser(userName, password))
    {
        FormsAuthentication.SetAuthCookie(u.UserName, false);
        result = "successful";
    }
    return result;
}

Then from your login button's click event you can use jQuery ajax to post the username/password to the webservice:

$.ajax({
  type: "POST",
  url: "WebService.asmx/AuthenticateUser",
  data: "{username:"+$('#txtUsername').val()+",password:"+$('#txtPassword').val()+"}",
  success: function(result) {
     alert(result);
    //if(result=='successful')
   // redirectUser to the home page
  }
});