最近使用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>