最近使用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.href="index.jsp" rel="external nofollow" ; } else { document.getElementById("xiaoxi").innerHTML="登錄失敗!"; } } } //頁面的按鍵事件,即當按的是回車鍵時觸發該事件 function keybutton(){ if(event.keyCode==13){ doStart(); return; } } </script>