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

随着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事件，代码如下：

查看原文