• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    使用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" rel="external nofollow" ;
    } else {
    
    document.getElementById("xiaoxi").innerHTML="登录失败!";
    
    }
    
    }
    
    }
    
    //页面的按键事件,即当按的是回车键时触发该事件
    
    function keybutton(){
    
    if(event.keyCode==13){ 
    doStart(); 
    return;
    } 
    }
    /script>
    您可能感兴趣的文章:
    • AJAX XMLHttpRequest对象详解
    • 通过XMLHttpRequest和jQuery实现ajax的几种方式
    • Ajax核心XMLHttpRequest总结
    • 解析ajax核心XMLHTTPRequest对象的创建与浏览器的兼容问题
    • 如何用ajax来创建一个XMLHttpRequest对象
    • jquery ajax学习笔记2 使用XMLHttpRequest对象的responseXML
    • AJAX中同时发送多个请求XMLHttpRequest对象处理方法
    • AJAX客户端说明,XMLHttpRequest对象
    • jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
    上一篇:在(ASP/PHP/JSP/html/js)中禁止ajax缓存的方法集锦
    下一篇:Ajax请求内嵌套Ajax请求示例代码
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

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