在頁(yè)面上使用ActiveXObject的代價(jià)是很大的，如果我們的無(wú)刷新頁(yè)面使用xmlhttp技術(shù)，我們或許需要頻繁的建立xmlhttp對象，當然我們也可以使用全局變量來(lái)cache一個(gè)xmlhttp對象實(shí)例。但是這樣的方法適合于同步方式xmlhttp通信，而對于異步方式xmlhttp通信將會(huì )出現問(wèn)題。由于沒(méi)有了進(jìn)程的堵塞，用戶(hù)可能再次調用同一個(gè)xmlhttp實(shí)例，如果這時(shí)前一個(gè)通信未完成，那么就失敗了。
建立一個(gè)pool來(lái)管理頁(yè)面上的xmlhttp對象實(shí)例，最明顯的好處就是不會(huì )再創(chuàng )建冗余對象，同時(shí)也不會(huì )出現多個(gè)操作在同一個(gè)工作的xmlhttp實(shí)例上被調用的情況。
具體實(shí)現，我們使用一個(gè)Array作為pool來(lái)存儲已創(chuàng )建的xmlhttp對象實(shí)例，然后每次調用從pool中去取一個(gè)實(shí)例。xmlhttp實(shí)例通訊完畢后我們不用做任何處置，因為它自身的readyState屬性可以標識出它是否可用，如果當時(shí)沒(méi)有空閑的xmlhttp實(shí)例，且pool中的實(shí)例數小于m_MaxPoolLength，那么就創(chuàng )建一個(gè)新的實(shí)例并放入pool中。pool的實(shí)現代碼如下：
__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è)方法來(lái)和服務(wù)器通信，一個(gè)使用‘GET‘方法，一個(gè)使用‘POST‘方法，使用它們非常簡(jiǎn)單，__XmlHttpPool__.GetRemoteData(url, callback)或__XmlHttpPool__.PostRemoteData(url, callback, data)。其中url是服務(wù)器地址，callback是處理返回數據(responseText)的回調函數。比如：
<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> 
