建構一個pool來管理無重新整理頁面的xmlhttp對象

    建立一個pool來管理頁面上的xmlhttp對象執行個體，最明顯的好處就是不會再建立備援對象，同時也不會出現多個操作在同一個工作的xmlhttp執行個體上被調用的情況。

具體實作，我們使用一個Array作為pool來存儲已建立的xmlhttp對象執行個體，然後每次調用從pool中去取一個執行個體。xmlhttp執行個體通訊完畢後我們不用做任何處置，因為它自身的readyState屬性可以辨別出它是否可用，如果當時沒有空閑的xmlhttp執行個體，且pool中的執行個體數小于m_MaxPoolLength，那麼就建立一個新的執行個體并放入pool中。pool的實作代碼如下：

#region __XmlHttpPool__源碼

var __XmlHttpPool__ =

{

    m_MaxPoolLength : 10,

    m_XmlHttpPool : [],

    __requestObject : function()

    {

        var xmlhttp = null;

        var pool = this.m_XmlHttpPool;

        for ( var i=0 ; i < pool.length ; ++i )

        {

            if ( pool[i].readyState == 4 || pool[i].readyState == 0 )

            {

                xmlhttp = pool[i];

                break;

            }

        }

        if ( xmlhttp == null )

            return this.__extendPool();

        return xmlhttp;

    },

    __extendPool : function()

        if ( this.m_XmlHttpPool.length < this.m_MaxPoolLength )

            var xmlhttp = null;

            try

                xmlhttp = new ActiveXObject('MSXML2.XMLHTTP');

            catch(e)

                try

                {

                    xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');

                }

                catch(e2) {}

            if ( xmlhttp )

                this.m_XmlHttpPool.push(xmlhttp);

            return xmlhttp;

    GetRemoteData : function(url, callback)

        this.__receiveRemoteData(url, callback, 'GET', null);

    PostRemoteData : function(url, callback, data)

        this.__receiveRemoteData(url, callback, 'POST', data);

    __receiveRemoteData : function(url, callback, httpmethod, data)

        var xmlhttp = this.__requestObject();

        if ( !xmlhttp )

            return null;

        xmlhttp.open(httpmethod, url, true);

        xmlhttp.onreadystatechange = function()

            if ( xmlhttp.readyState == 4 || xmlhttp.readyState == 'complete' )

                callback(xmlhttp.responseText);

        };

        xmlhttp.send(data);

    }

};

 #endregion

__XmlHttpPool__提供了兩個方法來和伺服器通信，一個使用'GET'方法，一個使用'POST'方法，使用它們非常簡單，__XmlHttpPool__.GetRemoteData(url,

callback)或__XmlHttpPool__.PostRemoteData(url, callback,

data)。其中url是伺服器位址，callback是處理傳回資料(responseText)的回調函數。比如：

<script language="javascript">

__XmlHttpPool__.PostRemoteData(url, Render, 'abc');

function Render(string)

    if ( string )

        txbContent.value += string + '\r\n';

}

</scirpt>

<textarea rows="40" style="width:100%" id="txbContent"></textarea>

本文轉自部落格園鳥食軒的部落格，原文連結：http://www.cnblogs.com/birdshome/，如需轉載請自行聯系原部落客。