以下正文:??
程序設計中會經常碰到一種情況,就是事先無法得知用戶會需要哪些數據,必須根據用戶選擇后再從服務
器重新提取數據后反饋給用戶。比如一簡單的情況,用戶選擇省份以后,我們立即會在市里邊將這個省的
所有市重新顯示出來。這種情況一般需要將整個頁面刷新后才可以重新讀取,但這樣不僅效率不高外,也
顯得不太優雅。其實用javascript結合微軟件的XMLHTTP對象,我們可以不用刷新,“稍稍”的就可以將
數據從服務器上讀取出來,顯得既專業,又高效。?
下面我們就以一個驗證用戶是否被注冊的情況來演示這種技術。
?
1.首先在服務器上建立一個CheckUser.asp文件,用來檢測用戶是否存在,根據用戶是否存在分別反饋0和
1?
u_name=Request.QueryString("u_name")?
if u_name 存在 then?
Response.write "0"?
else?
Response.write "1"?
end if?
2.客戶端HTML設計:?
一、JavaScript代碼?
<script language=javascript>?
function check_user_exists(form){?
u_name=form.u_name.value;?
if (u_name==null||u_name==''){?
alert("請您輸入用戶名");?
return false;?
}?
infoBoard=document.getElementById("checkInfo");?
infoBoard.innerText='查詢中...';?
myurl=location.protocol+"http://"+location.hostname+"/CheckUser.asp?u_name="+u_name;?
retCode=openUrl(myurl);?
switch(retCode){?
case "-2":?
infoBoard.innerHTML='<font color=red>抱歉</font>,查詢失敗';break;?
case "1":?
infoBoard.innerHTML='<font color=red>恭喜</font>,'+u_name+'可以使用';break;?
case "0":?
infoBoard.innerHTML='<font color=red>抱歉</font>,用戶名'+u_name+'已經被使用';?
}?
return;?
}
function openUrl(url){?
var objxml=new ActiveXObject("Microsoft.XMLHttp")?
objxml.open("GET",url,false);?
objxml.send();?
retInfo=objxml.responseText;?
if (objxml.status=="200"){?
return retInfo;?
}?
else{?
return "-2";?
}?
}?
</script>?
二、HTML表單設計:?
<form name=form1 action="XXXX.asp" method="post">?
<input type=text name=u_name><span id="checkInfo"></span><input type=button name=checkuser
value="檢測用戶是否存在" onClick="check_user_exists(this.form);">?
</form>
?
新聞熱點
疑難解答
圖片精選