在頁面上使用ActiveXObject的代價(jià)是很大的，如果我們的無刷新頁面使用xmlhttp技術(shù)，我們或許需要頻繁的建立xmlhttp對象，當(dāng)然我們也可以使用全局變量來cache一個(gè)xmlhttp對象實(shí)例。但是這樣的方法適合于同步方式xmlhttp通信，而對于異步方式xmlhttp通信將會出現(xiàn)問題。由于沒有了進(jìn)程的堵塞，用戶可能再次調(diào)用同一個(gè)xmlhttp實(shí)例，如果這時(shí)前一個(gè)通信未完成，那么就失敗了。

    建立一個(gè)pool來管理頁面上的xmlhttp對象實(shí)例，最明顯的好處就是不會再創(chuàng)建冗余對象，同時(shí)也不會出現(xiàn)多個(gè)操作在同一個(gè)工作的xmlhttp實(shí)例上被調(diào)用的情況。

    具體實(shí)現(xiàn)，我們使用一個(gè)Array作為pool來存儲已創(chuàng)建的xmlhttp對象實(shí)例，然后每次調(diào)用從pool中去取一個(gè)實(shí)例。xmlhttp實(shí)例通訊完畢后我們不用做任何處置，因?yàn)樗陨淼膔eadyState屬性可以標(biāo)識出它是否可用，如果當(dāng)時(shí)沒有空閑的xmlhttp實(shí)例，且pool中的實(shí)例數(shù)小于m_MaxPoolLength，那么就創(chuàng)建一個(gè)新的實(shí)例并放入pool中。pool的實(shí)現(xiàn)代碼如下：

__XmlHttpPool__源碼#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__提供了兩個(gè)方法來和服務(wù)器通信，一個(gè)使用‘GET‘方法，一個(gè)使用‘POST‘方法，使用它們非常簡單，__XmlHttpPool__.GetRemoteData(url, callback)或__XmlHttpPool__.PostRemoteData(url, callback, data)。其中url是服務(wù)器地址，callback是處理返回?cái)?shù)據(jù)(responseText)的回調(diào)函數(shù)。比如：

<script language="javascript">

__XmlHttpPool__.PostRemoteData(url, Render, ‘a(chǎn)bc‘);

function Render(string)
{
    if ( string )
    {
        txbContent.value += string + ‘\r\n‘;
    }
}

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