使用Ajax技术通过XMLHttpRequest对象完成首页登录功能

作者: QQ3545558
来源: 51数据库
2021-09-04

最近使用ajax技术通过xmlhttprequest对象完成一个首页的登录功能！

代码如下：

<script type="text/javascript">

//创建xmlhttprequest对象

function createxmlhttprequest(){

if(window.xmlhttprequest){
return xmlhttprequest=new xmlhttprequest();
}else{
return xmlhttprequest=new activexobject("microsoft.xmlhttp");
}

}

//登录按钮执行的方法

function dostart(){

var logname=document.getelementbyid("loginname").value;
var logpass=document.getelementbyid("loginpsw").value;

var userinfo="inaccount="+logname+"&inpsw="+logpass;

var url="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);

}

//回调方法

function getresultvalue(){
if(xmlhttprequest.readystate==4 && xmlhttprequest.status==200){

var result=xmlhttprequest.responsetext;

if(result=="success"){
window.location. rel="external nofollow" ;
} else {

document.getelementbyid("xiaoxi").innerhtml="登录失败！";

}

}

}

//页面的按键事件，即当按的是回车键时触发该事件

function keybutton(){

if(event.keycode==13){ 
dostart(); 
return;
} 
}
</script>

推荐阅读