使用Ajax技術通過XMLHttpRequest對象完成首頁登錄功能
更新時間:2014年08月21日 10:07:58 投稿:whsnow
這篇文章主要介紹了使用Ajax技術通過XMLHttpRequest對象完成首頁登錄功能,很不錯的嘗試,需要的朋友可以參考下
最近使用Ajax技術通過XMLHttpRequest對象完成一個首頁的登錄功能!
代碼如下:
<script type="text/javascript"> //創(chuàng)建XMLHttpRequest對象 function createXMLHttpRequest(){ if(window.XMLHttpRequest){ return xmlhttprequest=new XMLHttpRequest(); }else{ return xmlhttprequest=new ActiveXObject("Microsoft.XMLHTTP"); } } //登錄按鈕執(zhí)行的方法 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="登錄失??!"; } } } //頁面的按鍵事件,即當按的是回車鍵時觸發(fā)該事件 function keybutton(){ if(event.keyCode==13){ doStart(); return; } } </script>
您可能感興趣的文章:
- AJAX XMLHttpRequest對象詳解
- 通過XMLHttpRequest和jQuery實現ajax的幾種方式
- Ajax核心XMLHttpRequest總結
- 解析ajax核心XMLHTTPRequest對象的創(chuàng)建與瀏覽器的兼容問題
- 如何用ajax來創(chuàng)建一個XMLHttpRequest對象
- jquery ajax學習筆記2 使用XMLHttpRequest對象的responseXML
- AJAX中同時發(fā)送多個請求XMLHttpRequest對象處理方法
- AJAX客戶端說明,XMLHttpRequest對象
- jQuery 利用$.ajax 時獲取原生XMLHttpRequest 對象的方法
相關文章
ajax動態(tài)賦值echarts的實例(餅圖和柱形圖)
下面小編就為大家分享一篇ajax動態(tài)賦值echarts的實例(餅圖和柱形圖),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03ajax智能提示+textbox動態(tài)生成下拉框示例代碼
ajax智能提示+textbox動態(tài)生成下拉框,下面有個不錯的示例,感興趣的朋友可以參考下,希望對大家有所幫助2013-12-12使用Yii整合的pjax(pushstate+ajax)實現無刷新加載頁面
本篇文章給大家介紹Yii整合pjax(pushstate+ajax)實現無刷新加載頁面,小伙伴跟著小編一起學習吧2015-09-09Jquery $.ajax函數外的一段代碼的執(zhí)行順序
調用了JQuery的異步函數$.ajax ,然后在$.ajax函數外之后又有一段Jquery 代碼。每次都是在$.ajax之后的代碼先執(zhí)行2014-06-06