自己制作 js ajax 请求类

//使用literal语法定义一个对象：XMLHttp  
var XMLHttp =   
{  
    //定义第一个属性，该属性用于缓存XMLHttpRequest对象的数组  
    XMLHttpRequestPool: [],  
    //对象的第一个方法，该方法用于返回一个XMLHttpRequest对象  
    getInstance:function()  
    {  
        // 从XMLHttpRequest对象池中取出一个空闲的XMLHttpRequest  
        for (var i = 0; i < this.XMLHttpRequestPool.length; i ++)  
        {  
            //如果XMLHttpReuqest的readyState为0，或者为4，  
            //都表示当前的XMLHttpRequest对象为闲置的对象  
            if (this.XMLHttpRequestPool[i].readyState == 0 ||   
                this.XMLHttpRequestPool[i].readyState == 4)  
            {  
                return this.XMLHttpRequestPool[i];  
            }  
        }  
        //如果没有空闲的，将再次创建一个新的XMLHttpRequest对象  
        this.XMLHttpRequestPool[this.XMLHttpRequestPool.length]   
            = this.createXMLHttpRequest();  
        //返回刚刚创建的XMLHttpRequest对象  
        return this.XMLHttpRequestPool[this.XMLHttpRequestPool.length - 1];  
    },  
    //创建新的XMLHttpRequest对象  
    createXMLHttpRequest:function()  
    {  
        //对于DOM 2 规范的浏览器  
        if (window.XMLHttpRequest)  
        {  
            var objXMLHttp = new XMLHttpRequest();  
        }  
        //对于Internet Explorer浏览器  
        else 
        {  
            //将Internet Explorer内置的所有XMLHTTP ActiveX控制设置成数组  
            var MSXML = ['MSXML2.XMLHTTP.5.0', 'MSXML2.XMLHTTP.4.0',   
                'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP', 'Microsoft.XMLHTTP'];  
            //依次对Internet Explorer内置的XMLHTTP控件初始化，尝试创建XMLHttpRequest对象  
            for(var n = 0; n < MSXML.length; n ++)  
            {  
                try 
                {  
                    //如果可以正常创建XMLHttpRequest对象，使用break跳出循环  
                    var objXMLHttp = new ActiveXObject(MSXML[n]);   
                    break;  
                }  
                catch(e)  
                {  
                }  
            }  
        }  
        //Mozilla某些版本没有readyState属性  
        if (objXMLHttp.readyState == null)  
        {  
            //直接设置其readyState为0  
            objXMLHttp.readyState = 0;  
            //对于哪些没有readyState属性的浏览器，将load动作与下面的函数关联起来  
            objXMLHttp.addEventListener("load", function ()  
            {  
                //当从服务器加载数据完成后，将readyState状态设为4  
                objXMLHttp.readyState = 4;  
                if (typeof objXMLHttp.onreadystatechange == "function")  
                {  
                    objXMLHttp.onreadystatechange();  
                }  
            }, false);  
        }  
        return objXMLHttp;  
    },  
    //定义对象的第三个方法： 发送请求(方法[POST,GET], 地址, 数据, 回调函数)  
    sendRequest: function (method, url, data, callback)  
    {  
        var objXMLHttp = this.getInstance();  
        with(objXMLHttp)  
        {  
            try 
            {  
                //增加一个额外的randnum请求参数，用于防止IE缓存服务器响应  
                if (url.indexOf("?") > 0)  
                {  
                    url += "&randnum=" + Math.random();  
                }  
                else 
                {  
                    url += "?randnum=" + Math.random();  
                }  
                //打开与服务器的连接  
                open(method, url, true);  
                //对于使用POST请求方式  
                if (method == "POST")  
                {  
                    // 设定请求头  
                    setRequestHeader('Content-Type',   
                        'application/x-www-form-urlencoded');  
                    send(data);  
                }  
                //对于采用GET请求  
                if (method == "GET")  
                {  
                    send(null);  
                }  
                //设置状态改变的回调函数  
                onreadystatechange = function ()  
                {  
                    //当服务器的相应完成时，以及获得了正常的服务器响应  
                    if (objXMLHttp.readyState == 4 &&  
                        (objXMLHttp.status == 200 ||   
                            objXMLHttp.status == 304))  
                    {  
                        //当响应时机成熟时，调用回调函数处理响应  
                        callback(objXMLHttp);  
                    }  
                }  
            }  
            catch(e)  
            {  
                alert(e);  
            }  
        }  
    }  
};

摘自 Hurry的专栏