xmlhttpRequest连接池

来源:互联网 发布:英伦复古风淘宝 编辑:程序博客网 时间:2024/04/29 05:06
怎样建立一个xmlhttpRequest连接池!!

当我们在使用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];
}
 
原创粉丝点击