当我们在使用AJAX技术开发时,如果总是频繁的 Get一个xmlHttpRequest对象,当项目大了之后,感觉就挺不爽的,其实我们可以自己实现一个类似于数据库连接池的机制,就是说当我们要频繁的new一个xmlhttp对象时,可以从一个xmlHttpRequest池中取对象,而不需要频繁去new一个!下面来看看我的实现代码(如有不妥之处,请大家指点哈子):
首先是来实现一个XmlHttp工厂函数,这个function负责"生产"出我们所要的xmlHttpRequest对象!
// XmlHttp factory
function XmlHttp() ... {}
XmlHttp.create = function () ... {
try ...{
// 如果是 非IE浏览器
if (window.XMLHttpRequest) ...{
var req = new XMLHttpRequest();
// 因为有些版本的FireFox浏览器不支持onreadystatechange 事件,
//所有我们自己来添加一个类似功能的function
if (req.readyState == null) ...{
req.readyState = 1;
req.addEventListener("load", function () ...{
req.readyState = 4;
if (typeof req.onreadystatechange == "function")
req.onreadystatechange();
}, false);
}
return req;
}
// 如果是 IE
if (window.ActiveXObject) ...{
return new ActiveXObject(getXmlHttpPrefix() + ".XmlHttp");
}
}
catch (ex) ...{}
// 创建失败,则抛出异常
throw new Error("Your browser does not support XmlHttp objects");
} ;
然后,要实现的就是我们的xmlhttpRequest对象的连接池了!!代码如下:
/**/ /*
* xmlHttp 连接池
*
* 使用方法 var xmlhttp = XmlHttpPool.pick()
*/
var XmlHttpPoolArr = new Array();
var XmlHttpPoolSize = 100 ;
var XHPCurrentAvailableID = 0 ;
function XmlHttpPool() ... {}
XmlHttpPool.pick = function () ... {
var pos = XHPCurrentAvailableID;
XmlHttpPoolArr[pos] = XmlHttp.create();
XHPCurrentAvailableID >= (XmlHttpPoolSize-1) ? 0 : XHPCurrentAvailableID++
return XmlHttpPoolArr[pos];
}