首页 > 开发 > AJAX > 正文

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

2024-09-01 08:33:21
字体:
来源:转载
供稿:网友
这篇文章主要介绍了使用Ajax技术通过XMLHttpRequest对象完成首页登录功能,很不错的尝试,需要的朋友可以参考下

最近使用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" ;} else {document.getElementById("xiaoxi").innerHTML="登录失败!";}}}//页面的按键事件,即当按的是回车键时触发该事件function keybutton(){if(event.keyCode==13){ doStart(); return;} }</script>

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表