ASP.NET 2.0 JQuery AJAX Login

Question

I'm trying to figure out how to implement an AJAX login for a ASP.NET 2.0 site with Jquery. I already have a implemented other simple Jquery AJAX application on the site, but I'm unsure how to convert over the standard login control to POST via AJAX. Should I expose the login.aspx page methods? Any help would be great.

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

Answer 2

Should this work in .net2 Why am I having problems with it?