?? index.htm
字號(hào):
<html>
<head>
<title>注冊用戶惟一性檢查</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
</head>
<script language="javascript">
//定義一個(gè)變量用于存放XMLHttpRequest對(duì)象
var xmlHttp;
//該函數(shù)用于創(chuàng)建一個(gè)XMLHttpRequest對(duì)象
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
//這是一個(gè)啟動(dòng)AJAX異步通信的方法
function beginCheck(){
var tempLoginName = document.all.loginName.value;
if (tempLoginName == ""){//如果尚未輸入注冊名
alert("對(duì)不起，請(qǐng)您輸入注冊名!");
return;
}
//創(chuàng)建一個(gè)XMLHttpRequest對(duì)象
createXMLHttpRequest();
//將狀態(tài)觸發(fā)器綁定到一個(gè)函數(shù)
xmlHttp.onreadystatechange = processor;
//通過GET方法向指定的URL建立服務(wù)器的調(diào)用
xmlHttp.open("GET", "CheckUser?loginName="+tempLoginName);
//發(fā)送請(qǐng)求
xmlHttp.send(null);
}
//這是響應(yīng)省份列表的onChange事件的處理方法
function updateSelect(){
var selected = document.all.slt1.value;//得到省份列表的當(dāng)前選值
//創(chuàng)建一個(gè)XMLHttpRequest對(duì)象
createXMLHttpRequest();
//將狀態(tài)觸發(fā)器綁定到一個(gè)函數(shù)
xmlHttp.onreadystatechange = processor1;
//通過GET方法向指定的URL建立服務(wù)器的調(diào)用
xmlHttp.open("GET", "CreateXML?selected="+selected);
//發(fā)送請(qǐng)求
xmlHttp.send(null);
}
//處理從服務(wù)器返回的XML文檔并更新地市下拉列表
function processor1() {
//定義一個(gè)變量用于存放從服務(wù)器返回的響應(yīng)結(jié)果
var result;
if(xmlHttp.readyState == 4) { //如果響應(yīng)完成
if(xmlHttp.status == 200) {//如果返回成功
//取出服務(wù)器返回的XML文檔的所有city標(biāo)簽的子節(jié)點(diǎn)
result = xmlHttp.responseXML.getElementsByTagName("city");
//先清除地市列表的現(xiàn)有內(nèi)容
while (document.all.slt2.options.length>0){
document.all.slt2.removeChild(document.all.slt2.childNodes[0]);
}
//解析XML中的數(shù)據(jù)并更新地市列表
for(var i=0;i<result.length;i++){
var option = document.createElement("OPTION");
option.text = result[i].childNodes[0].childNodes[0].nodeValue;//這就是取出<cityname>中的值
option.value = result[i].childNodes[1].childNodes[0].nodeValue;//這就是取出<cityvalue>中的值
document.all.slt2.options.add(option);//為地市列表中添加選項(xiàng)
}
}
}
}
//這是一用來處理狀態(tài)改變的函數(shù)
function processor () {
//定義一個(gè)變量用于存放從服務(wù)器返回的響應(yīng)結(jié)果
var responseContext;
if(xmlHttp.readyState == 4) { //如果響應(yīng)完成
if(xmlHttp.status == 200) {//如果返回成功
//取出服務(wù)器的響應(yīng)內(nèi)容
responseContext = xmlHttp.responseText;
//如果注冊名檢查有效
if (responseContext.indexOf("true")!=-1){
alert("恭喜您，該注冊名有效！");
}else{
alert("對(duì)不起，該注冊名已被使用！");
}
}
}
}
</script>
<body>
<form name="form1" action="CheckUser" method="POST">
請(qǐng)輸入注冊用戶名：
<input name="loginName" type="text" id="loginName">
<input type="button" name="checkLoginName" value="有效性檢查"
onclick="beginCheck()"><br>
請(qǐng)選擇省份：
<select id="slt1" onChange="updateSelect()">
<option value="1">湖南省</option>
<option value="2">廣東省</option>
</select>
地市：
<select id="slt2">
<option value="">請(qǐng)選擇地市</option>
</select>
</form>
</body>
</html>
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號(hào)
Ctrl + =
減小字號(hào)
Ctrl + -