原生Ajax

2015-07-28 10:21 Evan.Pei 阅读(134) 评论(0) 编辑收藏举报

var userName;
var passWord;
var xmlHttpRequest;

<br>//XmlHttpRequest对象    
function createXmlHttpRequest(){    
    if(window.ActiveXObject){ //如果是IE浏览器    
        return new ActiveXObject("Microsoft.XMLHTTP");    
    }else if(window.XMLHttpRequest){ //非IE浏览器    
        return new XMLHttpRequest();    
    }    
}    
     
function onLogin(){    
    userName = document.f1.username.value;    
    passWord = document.f1.password.value;      
    //这个地方，怎么直接调用方法名称也许是原生的缺陷    
    var url = "test.aspx?username="+userName+"&password="+passWord+"";       
             
    //1.创建XMLHttpRequest组建    
    xmlHttpRequest = createXmlHttpRequest();    
         
    //2.设置回调函数    
    xmlHttpRequest.onreadystatechange = zswFun;    
         
    //3.初始化XMLHttpRequest组建    
    xmlHttpRequest.open("POST",url,true);    
         
    //4.发送请求    
    xmlHttpRequest.send(null);      
}       
    
//回调函数    
function zswFun(){    
    if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200){    
        var b = xmlHttpRequest.responseText;    
        if(b == "true"){    
            alert("登录成功！");    
        }else{    
            alert("登录失败！");    
        }           
    }    
}  

4. readyState与status:

readyState有五种状态：

　　0 (未初始化)： (XMLHttpRequest)对象已经创建，但还没有调用open()方法；
　　1 (载入)：已经调用open() 方法，但尚未发送请求；
　　2 (载入完成)：请求已经发送完成；
　　3 (交互)：可以接收到部分响应数据；
　　4 (完成)：已经接收到了全部数据，并且连接已经关闭。
如此一来，你应该就能明白readyState的功能，而status实际是一种辅状态判断，只是status更多是服务器方的状态判断。关于status，由于它的状态有几十种，我只列出平时常用的几种：
　　100——客户必须继续发出请求
　　101——客户要求服务器根据请求转换HTTP协议版本
　　200——成功
　　201——提示知道新文件的URL
　　300——请求的资源可在多处得到
　　301——删除请求数据
　　404——没有发现文件、查询或URl
　　500——服务器产生内部错误