您的位置:88bifa必发唯一官网 > 必发88首页 > 如果每次都创建一个新的XMLHttpRequest对象必发88首

如果每次都创建一个新的XMLHttpRequest对象必发88首

发布时间:2019-05-21 01:22编辑:必发88首页浏览(96)

    作者:legend
    出处:
    在ajax应用中,通常一个页面要同时发送多个请求,如果只有一个XMLHttpRequest对象,前面的请求还未完成,后面的就会把前面的覆盖掉,如果每次都创建一个新的XMLHttpRequest对象,也会造成浪费。解决的办法就是创建一个XMLHttpRequset的对象池,如果池里有空闲的对象,则使用此对象,否则将创建一个新的对象。
    下面是我最近写的一个简单的类:

    复制代码 代码如下:

    /**
    * XMLHttpRequest Object Pool
    *
    * @author    legend <legendsky@hotmail.com>
    * @link      
    * @Copyright www.ugia.cn
    */ 

    var XMLHttp = {
        _objPool: [],

        _getInstance: function ()
        {
            for (var i = 0; i < this._objPool.length; i  )
            {
                if (this._objPool[i].readyState == 0 || this._objPool[i].readyState == 4)
                {
                    return this._objPool[i];
                }
            }

            // IE5中不支持push方法
            this._objPool[this._objPool.length] = this._createObj();

            return this._必发88首页,objPool[this._objPool.length - 1];
        },

        _createObj: function ()
        {
            if (window.XMLHttpRequest)
            {
                var objXMLHttp = new XMLHttpRequest();

            }
            else
            {
                var MSXML = ['MSXML2.XMLHTTP.5.0', 'MSXML2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP', 'Microsoft.XMLHTTP'];
                for(var n = 0; n < MSXML.length; n  )
                {
                    try
                    {
                        var objXMLHttp = new ActiveXObject(MSXML[n]);
                        break;
                    }
                    catch(e)
                    {
                    }
                }
             }          

            // mozilla某些版本没有readyState属性
            if (objXMLHttp.readyState == null)
            {
                objXMLHttp.readyState = 0;

                objXMLHttp.addEventListener("load", function ()
                    {
                        objXMLHttp.readyState = 4;

                        if (typeof objXMLHttp.onreadystatechange == "function")
                        {
                            objXMLHttp.onreadystatechange();
                        }
                    },  false);
            }

            return objXMLHttp;
        },

        // 发送请求(方法[post,get], 地址, 数据, 回调函数)
        sendReq: function (method, url, data, callback)
        {
            var objXMLHttp = this._getInstance();

            with(objXMLHttp)
            {
                try
                {
                    // 加随机数防止缓存
                    if (url.indexOf("?") > 0)
                    {
                        url  = "&randnum="   Math.random();
                    }
                    else
                    {
    如果每次都创建一个新的XMLHttpRequest对象必发88首页。                    url  = "?randnum="   Math.random();
                    }

                    open(method, url, true);

                    // 设定请求编码方式
                    setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
                    send(data);
                    onreadystatechange = function ()
                    {
                        if (objXMLHttp.readyState == 4 && (objXMLHttp.status == 200 || objXMLHttp.status == 304))
                        {
                            callback(objXMLHttp);
                        }
                    }
                }
                catch(e)
                {
                    alert(e);
                }
            }
        }
    };  

    示例: 

    复制代码 代码如下:

    <script type="text/javascript" src="xmlhttp.js"></script>
    <script type="text/javascript">
    function test(obj)
    {
        alert(obj.statusText);
    }

    XMLHttp.sendReq('GET', '', '', test);
    XMLHttp.sendReq('GET', '', '', test);
    XMLHttp.sendReq('GET', '', '', test);
    XMLHttp.sendReq('GET', '', '', test);

    alert('Pool length:'   XMLHttp._objPool.length);
    </script>  

    您可能感兴趣的文章:

    • javascript一个无懈可击的实例化XMLHttpRequest的方法
    • AJax 学习笔记一(XMLHTTPRequest对象)
    • javascript XMLHttpRequest对象全面剖析
    • Ajax xmlHttpRequest的status的值的含义
    • ajax 入门基础之 XMLHttpRequest对象总结
    • Javascript XMLHttpRequest asp.net无刷新读取数据库数据
    • AJAX中同时发送多个请求XMLHttpRequest对象处理方法
    • [js]轻便的XMLHttpRequest应用函数:downloadUrl()
    • IE7提供XMLHttpRequest对象为兼容
    • [转]XMLHTTPRequest的属性和方法简介
    • 一页面多XMLHttpRequest对象
    • 一份老外写的XMLHttpRequest代码多浏览器支持兼容性
    • AJAX客户端说明,XMLHttpRequest对象
    • 建立XMLHttpRequest对象
    • XMLHttpRequest of ajax
    • AJAX入门之XMLHttpRequest慨述
    • XMLHTTPRequest的属性和方法简介

    本文由88bifa必发唯一官网发布于必发88首页,转载请注明出处:如果每次都创建一个新的XMLHttpRequest对象必发88首

    关键词: 必发88首页

上一篇:中文用户名的js查验正则

下一篇:没有了