当前位置:编程学习 > JS >>

自己制作 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 
            {  
&nb
补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,