资料来源:http://edu.chinaz.com/Get/Program/Xml/0512281013448163744.asp
原文作者:不详
转载说明:这是从网络上找到的代码,没有经过测试。这部分的代码除了本身的作用之外,还可以用来参考学习在JS中如何使用类、oop。尤其是对我以前开发的仿网易消息类有很好的借鉴作用。所以在我的博客里面转载一下。
在ajax应用中,通常一个页面要同时发送多个请求,如果只有一个XMLHttpRequest对象,前面的请求还未完成,后面的就会把前面的覆盖掉,如果每次都创建一个新的XMLHttpRequest对象,也会造成浪费。解决的办法就是创建一个XMLHttpRequset的对象池,如果池里有空闲的对象,则使用此对象,否则将创建一个新的对象。
下面是我最近写的一个简单的类:
/
**
* XMLHttpRequest Object Pool
*
* @author legend < legendsky@hotmail.com >
* @link http: // www.ugia.cn/?p=85
* @Copyright www.ugia.cn
*/
var XMLHttp = ... {
_objPool: [],
_getInstance: function ()
...{
for (var i = 0; i < this._objPool.length; i ++)
...{
if (this._objPool[i].readyState == 0 || this._objPool[i].readyState == 4)
...{
return this._objPool[i];
}
}
// IE5中不支持push方法
this._objPool[this._objPool.length] = this._createObj();
return this._objPool[this._objPool.length - 1];
},
_createObj: function ()
...{
if (window.XMLHttpRequest)
...{
var objXMLHttp = new XMLHttpRequest();
}
else
...{
var MSXML = [’MSXML2.XMLHTTP.5.0’, ’MSXML2.XMLHTTP.4.0’, ’MSXML2.XMLHTTP.3.0’, ’MSXML2.XMLHTTP’, ’Microsoft.XMLHTTP’];
for(var n = 0; n < MSXML.length; n ++)
...{
try
...{
var objXMLHttp = new ActiveXObject(MSXML[n]);
break;
}
catch(e)
...{
}
}
}
// mozilla某些版本没有readyState属性
if (objXMLHttp.readyState == null)
...{
objXMLHttp.readyState = 0;
objXMLHttp.addEventListener("load", function ()
...{
objXMLHttp.readyState = 4;
if (typeof objXMLHttp.onreadystatechange == "function")
...{
objXMLHttp.onreadystatechange();
}
}, false);
}
return objXMLHttp;
},
// 发送请求(方法[post,get], 地址, 数据, 回调函数)
sendReq: function (method, url, data, callback)
...{
var objXMLHttp = this._getInstance();
with(objXMLHttp)
...{
try
...{
// 加随机数防止缓存
if (url.indexOf("?") > 0)
...{
url += "&randnum=" + Math.random();
}
else
...{
url += "?randnum=" + Math.random();
}
open(method, url, true);
// 设定请求编码方式
setRequestHeader(’Content-Type’, ’application/x-www-form-urlencoded; charset=UTF-8’);
send(data);
onreadystatechange = function ()
...{
if (objXMLHttp.readyState == 4 && (objXMLHttp.status == 200 || objXMLHttp.status == 304))
...{
callback(objXMLHttp);
}
}
}
catch(e)
...{
alert(e);
}
}
}
} ;
* XMLHttpRequest Object Pool
*
* @author legend < legendsky@hotmail.com >
* @link http: // www.ugia.cn/?p=85
* @Copyright www.ugia.cn
*/
var XMLHttp = ... {
_objPool: [],
_getInstance: function ()
...{
for (var i = 0; i < this._objPool.length; i ++)
...{
if (this._objPool[i].readyState == 0 || this._objPool[i].readyState == 4)
...{
return this._objPool[i];
}
}
// IE5中不支持push方法
this._objPool[this._objPool.length] = this._createObj();
return this._objPool[this._objPool.length - 1];
},
_createObj: function ()
...{
if (window.XMLHttpRequest)
...{
var objXMLHttp = new XMLHttpRequest();
}
else
...{
var MSXML = [’MSXML2.XMLHTTP.5.0’, ’MSXML2.XMLHTTP.4.0’, ’MSXML2.XMLHTTP.3.0’, ’MSXML2.XMLHTTP’, ’Microsoft.XMLHTTP’];
for(var n = 0; n < MSXML.length; n ++)
...{
try
...{
var objXMLHttp = new ActiveXObject(MSXML[n]);
break;
}
catch(e)
...{
}
}
}
// mozilla某些版本没有readyState属性
if (objXMLHttp.readyState == null)
...{
objXMLHttp.readyState = 0;
objXMLHttp.addEventListener("load", function ()
...{
objXMLHttp.readyState = 4;
if (typeof objXMLHttp.onreadystatechange == "function")
...{
objXMLHttp.onreadystatechange();
}
}, false);
}
return objXMLHttp;
},
// 发送请求(方法[post,get], 地址, 数据, 回调函数)
sendReq: function (method, url, data, callback)
...{
var objXMLHttp = this._getInstance();
with(objXMLHttp)
...{
try
...{
// 加随机数防止缓存
if (url.indexOf("?") > 0)
...{
url += "&randnum=" + Math.random();
}
else
...{
url += "?randnum=" + Math.random();
}
open(method, url, true);
// 设定请求编码方式
setRequestHeader(’Content-Type’, ’application/x-www-form-urlencoded; charset=UTF-8’);
send(data);
onreadystatechange = function ()
...{
if (objXMLHttp.readyState == 4 && (objXMLHttp.status == 200 || objXMLHttp.status == 304))
...{
callback(objXMLHttp);
}
}
}
catch(e)
...{
alert(e);
}
}
}
} ;
示例:
<
script type
=
"
text/javascript
"
src
=
"
xmlhttp.js
"
></
script
>
< script type = " text/javascript " >
function test(obj)
... {
alert(obj.statusText);
}
XMLHttp.sendReq(’GET’, ’http: // www.ugia.cn/wp-data/test.htm’, ’’, test);
XMLHttp.sendReq(’GET’, ’http: // www.ugia.cn/wp-data/test.htm’, ’’, test);
XMLHttp.sendReq(’GET’, ’http: // www.ugia.cn/wp-data/test.htm’, ’’, test);
XMLHttp.sendReq(’GET’, ’http: // www.ugia.cn/wp-data/test.htm’, ’’, test);
alert(’Pool length:’ + XMLHttp._objPool.length);
</ script >
< script type = " text/javascript " >
function test(obj)
... {
alert(obj.statusText);
}
XMLHttp.sendReq(’GET’, ’http: // www.ugia.cn/wp-data/test.htm’, ’’, test);
XMLHttp.sendReq(’GET’, ’http: // www.ugia.cn/wp-data/test.htm’, ’’, test);
XMLHttp.sendReq(’GET’, ’http: // www.ugia.cn/wp-data/test.htm’, ’’, test);
XMLHttp.sendReq(’GET’, ’http: // www.ugia.cn/wp-data/test.htm’, ’’, test);
alert(’Pool length:’ + XMLHttp._objPool.length);
</ script >