Ajax+asp.net无刷新验证用户名

注册用户页面代码如下

var xmlHttp = false;

CheckUser.aspx:
asp.net页面代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CheckUser.aspx.cs" Inherits="CheckUser" %>

CheckUser.aspx.CS:

using *.*;
Ajax+asp.net无刷新验证用户名

public partial class CheckUser : System.Web.UI.Page

}

现在好多网站上的注册都用了无刷新验证用户名,这种效果咋看感觉很复杂很难实现,其实它里面用到了Ajax中的核心xmlHttpRequest这个类,如果只是单单想实现这个效果,压根就不用引用Ajax.Net中的组件,因为感觉有点大材小用,下面是具体实现这种效果的方法,希望能给初学Ajax的朋友带来一点帮助.
Ajax+asp.net无刷新验证用户名

首先建立一个注册与验证的页面xmlHttpRequest.aspx与Validate.aspx,因为仅仅是实现无刷新验证用户名,所以我们可以把其它项都撇开,Register.aspx中摆好div跟控件,具体如下:

<body>

<form id="form1" runat="server">
Ajax+asp.net无刷新验证用户名

<div style="width: 100%; float: left; text-indent: 24px; font-size:12px">
Ajax+asp.net无刷新验证用户名

<div style="float:left">
Ajax+asp.net无刷新验证用户名

您的用户名：<asp:TextBox ID="txtUserName" runat="server" style="border:1px solid #D4D8D9" onblur="return ValidateUser();"></asp:TextBox>
Ajax+asp.net无刷新验证用户名

</div> <div id="default" ></div>
Ajax+asp.net无刷新验证用户名

</div>

</form>

</body>

然后我们可以写两个样式用于用户名通过验证或未通过验证的显示样式,未加入图片.

}

这两个样式你可以把它放到样式表中也可以将它放到<head></head>当中.
接下来只需敲一段脚本到注册的xmlHttpRequest.aspx页面去.

function ValidateUser()

核心代码:
http_request.ResponseText这句是用于获取验证用户名页面中异步传输过来的值..
上面的代码做了详细的注释,这里就不多做解释了..
接下来验证用户名的页面中接收传过来的值进行判断了...

public partial class Validate : System.Web.UI.Page