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