简单无刷新用户名验证

好长时间没更新了，呵呵。现在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("恭喜您，该用户不存在，请继续注册！");
        }

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