Login控件在UpdatePanel内当验证用户信息成功后出现页面刷新的解

80酷酷网    80kuku.com

  解决|控件|刷新|页面

    随着AJAX.NET BETA 2在今天发布,让我们看到了AJAX与ASP.NET2.0紧密结合的快捷与高效,我们甚至可以无需写一句JS代码即可让ASP.NET的网页得到以往要花上数小时编写的JS代码所实现的无刷新效果。而将这一切结合到ASP.NET也是那么的容易,只需将控件简单地移到UPDATEPANEL控件之内再设置几个参数即可实现。但是,在体验AJAX.NET带给开发者便利的同时,也会发现AJAX.NET有时也并不是十全十美。就像笔者近日遇到ASP.NET2.0的Login控件在UPDATEPANEL内当成功验证用户信息后会刷新页面的BUG,很显然这是违背了AJAX无刷新的原则了,之后经过分析Login控件内置的用户身份信息验证的方法发现如下代码:

private void AttemptLogin()
{
        LoginCancelEventArgs args1 = new LoginCancelEventArgs();
        this.OnLoggingIn(args1);
        if (!args1.Cancel)
        {
            AuthenticateEventArgs args2 = new AuthenticateEventArgs();
            this.OnAuthenticate(args2);
            if (args2.Authenticated)
            {
                //用户信息验证成功后,为客户端写上COOKIE信息.
                FormsAuthentication.SetAuthCookie(this.UserNameInternal, this.RememberMeSet);
                this.OnLoggedIn(EventArgs.Empty);

                //就是下面这句Response语句作怪,在UPDATEPANEL控件内执行转向操作导致页面刷新!
                this.Page.Response.Redirect(this.GetRedirectUrl(), false);
            }
        }
}

    通过分析AttemptLogin方法不难看出,当我们按下Login控件的登录Button并成功验证用户信息之后会执行一句Response.Redirect页面转向语句(即使没有指定转向页也会执行这句代码,默认为当前页),而正是因为执行了页面的转向而导致了页面的刷新。当知道出错的原因之后就好办了,可能这时会有人说自定义控件继承Login控件并重写AttemptLogin方法就可以了,但除了自定义控件之外还有没有更简单的方法呢?答案是肯定的,既然是内置的验证机制造成页面的刷新,那么就索性不使用Login控件的验证处理,而使用自定义一个方法去处理验证用户身份。首先为了使用自定义的验证方法,我们先找到Login控件,并将其转换成模板,然后在模板内找到LoginButton这个控件,将CommandName="Login" 去掉,这样控件就不再使用内置的方法去验证用户信息了,跟着我们为LoginButton加上一个OnClick事件,代码如下:

protected void LoginButton_Click(object sender, EventArgs e)
{
        //验证用户名及密码是否正确
        if (Membership.ValidateUser(Login1.UserName, Login1.Password))
        {
            //根据上面分析Login的验证机制,为客户端写上COOKIE.
            FormsAuthentication.SetAuthCookie(Login1.UserName, Login1.RememberMeSet);
           //验证成功后可在此作一些处理,如把Login控件隐藏起来
            Login1.Visible = false;          
        }
        else
        {
            //由于不使用内置的验证机制,那么验证失败的处理要自己设置一下.
            (Login1.FindControl("FailureText") as Literal).Text = "用户名或密码不正确,请重试!";
        }
}

    分析上面代码,其中因为Login控件要验证的用户信息都储存在SQL2005的Aspnetdb数据库的aspnet_membership表,这样我们只要使用Membership.ValidateUser这个方法就能轻松实现验证用户信息,当验证成功后,按照上面分析的AttemptLogin方法为客户端写上COOKIE,再设置一下验证失败的出错信息之后就轻松的把我们的Login控件改造为成功验证用户信息之后不再刷新了,这样改造后的好处是不用像编写自定义控件那样复杂,并且效果和原来的Login控件是一模一样的,也照样能使用CreateUserWizard控件创建的用户名进行验证,而LoginStatus、LoginName等Login控件相关的控件也能如常使用。

PS:如果Login控件验证用户信息时出现PageRequestManagerParserErrorException错误,请检查web.config是否有这句:
<httpModules>
.....
<add name="ScriptModule" type="Microsoft.Web.UI.ScriptModule, Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
</httpModules>

感谢saucer提醒

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: