简单无刷新用户名验证

好长时间没更新了，呵呵。现在ajax这么火，也不免俗，今晚写了个简单的无刷新用户验证玩玩 ，嘿嘿

js

 

  function  Send()
              {
                 var  request  =   false ;
　              if  (window.ActiveXObject)
　             {  //  IE
                   try
                  {
                     request  =   new  ActiveXObject( " Msxml2.XMLHTTP " );
                  }
                   catch (e) 
                  {
                      try  
                     {
                        request  =   new  ActiveXObject( " Microsoft.XMLHTTP " );
                     } 
                      catch  (e) 
                     {
                     }
                  }
               }
               
　              if  ( ! request)
　　            alert( " Error initializing XMLHttpRequest! " );

　              var  name  =  document.getElementById( " txt_Name " ).value;
                var  url  =   " Server.aspx?name= "    +    name;
               request.onreadystatechange  =  doContents;
               request.open( ' GET ' , url,  true );
               request.send( null );
               
                function  doAction() 
               {
                    if  (request.readyState  ==   4 ) 
                   {
                       if  (request.status  ==   200 ) 
                      {
                         document.getElementById( " lbl_Show " ).value  =  request.responseText
                          if (request.responseText  ==   " 对不起，该用户名已存在！ " )
                         {
                            document.getElementById( " txt_Name " ).value  =   "" ;
                         }
                      }
                       else  
                      {
                         alert( ' There was a problem with the request. ' );
                         alert(request.status);
                      }
                   }
               }
           }

 

 

html

 

< div >
        姓名：
         < asp:TextBox  ID ="txt_Name"  runat ="server"  onBlur  ="Send();" >
         </ asp:TextBox >< asp:TextBox  runat ="server"  ID ="lbl_Show" ></ asp:TextBox >
</ div >

 

服务端

  页面上只留这一段

<% ... @ Page Language="C#" AutoEventWireup="true" CodeFile="Server.aspx.cs" Inherits="Server"  %>

 

代码

 

  string  name  =   this .Request.QueryString[ " name " ];
         if  (name  ==   " abc " )
         ... {
            Response.Write("对不起，该用户名已存在！");
        }
         else
         ... {
            Response.Write("恭喜您，该用户不存在，请继续注册！");
        }

这里只是简单的写写，可以在代码中写上用户名验证的函数，这样这个无刷新的用户名验证就完成了，嘿嘿