JavaScript的XMLHttpRequest对象

ajax的核心技术是XMLHttpRequest对象，简称XHR。

//支持IE7及更高的版本
function createXML()
{
    if(typeof XMLHttpReqquest!="undefined")
    {
        return new XMLHttpRequest();
    }
    else if(typeof ActiveXObject!="undefined")
    {
        if(typeof arguments.callee.activeXString!="string")
        {    
            var version=["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp"],
            i,len;
            
            for(i=0,len=version.length;i<len;i++)
            {
                try
                {
                    new ActiveXObject(version[i]);
                    arguments.callee.activeXSting=version[i];
                    break;
                }
                catch(ex)
                {}
            }
        }
        return new ActiveXObject(arguments.callee.activeXSting);
    }
    else 
    {
        throw new Error(No XHR object available!);
    }
}

 函数首先检测原生XHR对象是否存在，如果存在就返回它的新实例。如果不存在就检测ActiveX对象。如果两个对象都不存在就抛出一个错误。

XMLHttpRequest的用法：

在使用XHR对象时，要调用的第一个方法就是open(),open()方法接受三个参数：1,要发送请求的类型（“get”,"post"等） 2,请求的url 3,表示是否发送异步请求的布尔值。

　　　xhr.open("get","test.php",false);//open并不会真的发送请求，而只是启动了请求以备发送。

var xhr=createXHR();
xhr.open("get","test.php",false);
xhe.send(null);

 惰性载入函数

　　没次调用createXHR()都要对浏览器支持的功能进行检查。首先检查XHR，然后检查基于activeX的XHR。还有if语句的判断，没次都要进行判断，肯定必没有if判断的代码，运行速度慢，即使只是if判断。

第一种，惰性载入的方式。

function createXHR(){
    if(typeof XMLHttpRequest !=undefined){
        createXHR=function(){
            return new XMLHttpRequest();
        };
    } else if(typeof ActiveXObject!=undefined){
        createXHR=function(){
            if(typeof arguments.callee.activeXString!="string"){
                var version=["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp"],
                    i,len;
                for(i=0;len=version.length,i<len;i++){
                    try{
                        new ActiveXObject(version[i]);
                        arguments.callee.activeXString=version[i];
                        break;
                    } catch(ex){
                        //skip
                    }
                }
            }
            return new ActiveXObject(arguments.callee.activeXString);
        };
    } else{
        createXHR=function(){
            throw new Error("No XHR object available.");
        };
    }
    return createXHR();

 

第二种在声明函数时就指定适当的函数。

var createXHR=(function(){
    if(typeof XMLHttpRequest !=undefined){
       return function(){
            return new XMLHttpRequest();
        };
    } else if(typeof ActiveXObject!=undefined){
        return function(){
            if(typeof arguments.callee.activeXString!="string"){
                var version=["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp"],
                    i,len;
                for(i=0;len=version.length,i<len;i++){
                    try{
                        new ActiveXObject(version[i]);
                        arguments.callee.activeXString=version[i];
                        break;
                    } catch(ex){
                        //skip
                    }
                }
            }
            return new ActiveXObject(arguments.callee.activeXString);
        };
    } else{
        createXHR=function(){
            throw new Error("No XHR object available.");
        };
    }
    return createXHR();
})();