怎樣建立一個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];
}