时间:2021-05-25
最近使用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>声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
ajax:一种请求数据的方式,不需要刷新整个页面;ajax的技术核心是XMLHttpRequest对象;ajax请求过程:创建XMLHttpRequest对象、
MLHttpRequest对象是AJAX功能的核心,要开发AJAX程序必须从了解XMLHttpRequest对象开始。了解XMLHttpRequest对象就先从
Ajax实现异步请求数据。Ajax技术能够让你向服务器异步发送和接收数据。它的建立基于JavaScript对象:XMLHttpRequest,然后通过调用ope
AJAX的要点是XMLHttpRequest对象。不同的浏览器创建XMLHttpRequest对象的方法是有差异的。IE浏览器使用ActiveXObject,而
Ajax篇XMLDocument和XMLHttpRequest对象第一:创建XMLHttpRequest请求对象复制代码代码如下:functiongetXMLH