利用XML+HttpRequest驗證用戶名是否存在

現在很多網站中在用戶註冊時都會驗證用戶名是否存在,避免輸入重復,多餘的數捩,這種提示一般是不刷新頁面,要求能及時,快速的提醒用戶.下面我把自己做的總結如下,希望能給朋友帶來些啟發.

<asp:TextBox ID="TextBox2" runat="server" class="iptxt" MaxLength="20" onblur=”CheckUserName();”></asp:TextBox>

//检查用户名是否存在

function CheckUserName()

{

var userName=document.getElementById("TextBox2").value;

createXMLHttpRequest();

xmlHttp.onreadystatechange = showMessage;

var url = "http://www.cnblogs.com/Test_userName.aspx?userName="+userName;//調用後臺代碼

//初始化请求地址，方法等

xmlHttp.open("GET",url,true);

//发送请求

xmlHttp.send();

}

//申明xmlhttprequest

var xmlHttp;

//创建xmlhttprequest

function createXMLHttpRequest()

{

//如果是ie

if (window.ActiveXObject)

{

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}

//如果不是ie

else if (window.XMLHttpRequest)

{

xmlHttp = new XMLHttpRequest;

}

}

//这是回调函数，因为刚才发送了请求，服务器会以xml形式返回【处理结果】

function showMessage()

{

if (xmlHttp.readyState == 4)

{

if (xmlHttp.status == 200)

{ //函數成功返回時所要處理的業務邏輯

document.getElementById("Label1").innerText=xmlHttp.responseText;

}

}

}