使用Ajax技术通过XMLHttpRequest对象完成首页登录功能
最近使用Ajax技术通过XMLHttpRequest对象完成一个首页的登录功能！
代码如下：
<scripttype="text/javascript">
//创建XMLHttpRequest对象
functioncreateXMLHttpRequest(){
if(window.XMLHttpRequest){
returnxmlhttprequest=newXMLHttpRequest();
}else{
returnxmlhttprequest=newActiveXObject("Microsoft.XMLHTTP");
}
}
//登录按钮执行的方法
functiondoStart(){
varlogname=document.getElementById("loginName").value;
varlogpass=document.getElementById("loginPsw").value;
varuserinfo="inAccount="+logname+"&inPsw="+logpass;
varurl="users/users_pswCheck.action";
xmlhttprequest=createXMLHttpRequest();
xmlhttprequest.onreadystatechange=getresultValue;
xmlhttprequest.open("post",url,true);
xmlhttprequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlhttprequest.send(userinfo);
}
//回调方法
functiongetresultValue(){
if(xmlhttprequest.readyState==4&&xmlhttprequest.status==200){
varresult=xmlhttprequest.responseText;
if(result=="success"){
window.location.href="index.jsp"rel="externalnofollow";
}else{
document.getElementById("xiaoxi").innerHTML="登录失败！";
}
}
}
//页面的按键事件，即当按的是回车键时触发该事件
functionkeybutton(){
if(event.keyCode==13){
doStart();
return;
}
}
</script>