AJAX应用事例

//声明XMLHttpRequest对象 var xmlHttp; //检测用户名是否存在 function CheckName(userName) { createXMLHTTP();//创建XMLHttpRequest对象 var url="DisposeEvent.aspx?Name="+userName+"&Event=Check"; xmlHttp.open("GET",url,true); xmlHttp.onreadystatechange=checkUserName; xmlHttp.send(null); } function createXMLHTTP() { if(window.XMLHttpRequest) { xmlHttp=new XMLHttpRequest();//mozilla浏览器 } else if(window.ActiveXObject) { try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");//IE老版本 } catch(e) {} try { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");//IE新版本 } catch(e) {} if(!xmlHttp) { window.alert("不能创建XMLHttpRequest对象实例！"); return false; } } } //执行检测用户名回调函数 function checkUserName() { if(xmlHttp.readyState==4)//判断对象状态 { if(xmlHttp.status==200)//信息成功返回，开始处理信息 { if(xmlHttp.responseText=="true") { document.getElementById("imgName").src="images/true.gif"; //让注册按钮失效 document.getElementById("btnReg").disabled=false; } else { document.getElementById("imgName").src="images/false.gif"; document.getElementById("btnReg").disabled=true; } } } } //注册新用户 function regUser() { if(document.getElementById("userName").value=="") { alert("对不起，用户名不为空"); return false; } if(document.getElementById("userPwd").value=="") { alert("对不起，密码不为空"); return false; } var url="DisposeEvent.aspx?Name="+document.getElementById("userName").value+"&Pwd="+document.getElementById("userPwd").value+"&Event=Reg"; xmlHttp.open("GET",url,true); xmlHttp.onreadystatechange=regUserInfo; xmlHttp.send(null); } //注册用户回调函数 function regUserInfo() { if(xmlHttp.readyState==4)//判断对象状态 { if(xmlHttp.status==200)//信息成功返回，开始处理信息 { if(xmlHttp.responseText=="true")//获取的Response.Write("true");里面的文本 { alert("恭喜，新用户注册成功!"); document.getElementById("userName").value=""; document.getElementById("userPwd").value=""; } else { alert("对不起，注册失败!"); document.getElementById("userName").value=""; document.getElementById("userPwd").value=""; } } } }