注册环节的AJAX验证———班级管理系统心得

       班级管理系统在注册环节有一个动态的验证是否被注册，当用户的鼠标的焦点离开对应的对话框和就会触发前台的一个JS函数，此函数通过创建一个xmlHttp对象，通过这个对象的onreadystatechange属性判断连接的状态，和open方法来获取数据页面的值，open方法的参数为("GET", "DataRegist.aspx?UserName="+UserName, true);

现将源码贴出，希望各位大牛指错

 <td  align="right">
              <p>用户名：</p> </td>
               <td align="left">
                   <asp:TextBox ID="TxtUserName" runat="server" onblur="javascript:startRequest();" Width="140px" ></asp:TextBox>
                   <div id="default" ></div>
                </td>

 

 

js代码：

   var xmlHttp;
  var response_txt;
 


  //创建对象
    function createXMLHttpRequest()
     {
        if (window.ActiveXObject)
         {
            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        else if (window.XMLHttpRequest) 
        {
            xmlHttp = new XMLHttpRequest();
        }
    }
 //连接
    function startRequest()
     {
        createXMLHttpRequest();
     
        var UserName=document.getElementById("TxtUserName").value;
        xmlHttp.onreadystatechange = handleStateChange;
        xmlHttp.open("GET", "DataRegist.aspx?UserName="+UserName, true);
        xmlHttp.send(null);
    }
 
    function handleStateChange()
    {
     var obj=document.getElementById("default");
        if(xmlHttp.readyState ==4)
            {
                if(xmlHttp.status == 200)
                    {
                       
                       response_txt=xmlHttp.responseText;
                       
                         if(response_txt.indexOf("a")!=-1)
                        {
                  
                        //用于显示验证是否通过的详细信息加上刚刚所定义正确时的样式
                            obj.className="Right";
                            obj.innerHTML='该会员名可以注册!';
                        }
                         else
                        {
                           
                            //用于显示验证是否通过的详细信息加上刚刚所定义错误时的样式
                            obj.className="Error";
                            
                            obj.innerHTML='该会员名已经被注册!';
                        }
                  
                    }
             }
             
             
              
     }

数据页的代码

 

 

public partial class DataRegist : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        string UserName = Request.QueryString["UserName"].ToString();
        string SqlSelect = "select * from TblLoginUser where userName='" + UserName + "'";
        DataTable dtSelect = DBLink.GetDataTable(SqlSelect);
        
      
        if(dtSelect.Rows.Count==0)
        {

            Response.Write("a");

        }
        else
        {
            Response.Write("unvailable");
        }
        
    }
}