ajax檢測使用者名稱本文章來講一廛asp ajax檢測使用者名稱和ajax驗證使用者名稱以及 php ajax,asp ajax,什麼是ajax 等問題來說說,並且舉例來說明.我們以asp為例吧.
第一步:建立資料庫ajax.mdb用office裡面的access就成了,再建立一個資料表user 裡面有userid和userpwd兩個欄位,好了資料庫就完了.
第二步:就是使用者輸入介面如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<title>ajax檔案</title>
<script language="JavaScript" type="text/JavaScript">
var xmlHttp = false;
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("MsXml2.XmlHttp");
} else {
xmlHttp = new XMLHttpRequest();
}
if(!xmlHttp){alert("呵呵,你的系統不支援")}
function CheckUser()
{
var url = "act.asp?mydo=CheckUser&UserId="+document.xp.UserId.value
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = CheckPage; //可以直接調用 CheckPage() 函數
xmlHttp.send(null);
}
function CheckPage() {
if (xmlHttp.readyState == 0) { text.innerHTML= "正在查詢資料";}
if (xmlHttp.readyState == 1) { text.innerHTML= "正在初始化資料";}
if (xmlHttp.readyState == 2) { text.innerHTML= "正在發送資料";}
if (xmlHttp.readyState == 3) { text.innerHTML= "資料傳送中";}
if (xmlHttp.readyState == 4) //4為準備完畢
{
var CheckResult=xmlHttp.responseText; //得到處理頁面的資料
text.innerHTML= CheckResult;
}
}
</script>
</head>
<body>
<form name="xp">
<input type="text" name="UserId" onBlur="CheckUser()">
<input type="submit" name="Submit" value="提交">
</form><div id="text"></div>
</body>