给xmlhttp建立个连接池
来源:互联网 发布:手机号码归属地 数据库 编辑:程序博客网 时间:2024/06/09 15:09
在ajax应用中,通常一个页面要同时发送多个请求,如果只有一个XMLHttpRequest对象,前面的请求还未完成,后面的就会把前面的覆盖掉,如 果每次都创建一个新的XMLHttpRequest对象,也会造成浪费。解决的办法就是创建一个XMLHttpRequset的对象池,如果池里有空闲的 对象,则使用此对象,否则将创建一个新的对象。
以下为代码
以下为代码
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);}
}
}
};
_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);}
}
}
};
0 0
- [转]给xmlhttp建立个连接池
- 给xmlhttp建立个连接池
- 数据库连接池为什么要建立多个连接
- 数据库连接池为什么要建立多个连接
- 第一个Ajax程序给我的下马威——xmlHttp的status=0?
- 建立连接池连接数据库
- 连接池的建立
- win7建立无线网共享internet连接给其它设备
- DBCP建立数据连接池
- 如何给XMLHttp.onreadystatechange传递参数
- 客户端需要建立和管理多个TCP/IP连接
- ucos下建立socket服务器端,接受多个连接
- java 模拟多个客户端与服务器建立UDP连接
- linux下tcp客户端能建立多少个长连接
- 8G内存可以建立多少个tcp长连接?
- 建立连接
- 建立连接
- XMLHTTP
- QPS->Query Per Second
- win和liunx下命令行编译c++程序
- cin.get()的用法
- 文件结束符在windows和linux中的区别
- js修改样式
- 给xmlhttp建立个连接池
- dhtmlXTreeObject 部分方法
- IE6中设置 div 的最小高度 页面不出现滚动条
- 树形图dhtmlXTreeObject
- ie与火狐中常见的一些兼容问题
- window.onload兼容ie和ff以及多次调用导致相冲突的解决方法
- 接口和抽象类的区别
- 在linux下一些常用的关机/重启命令
- gSOAP中文文档