您现在的位置： IT专家网 > Web服务子站 > 技巧

构建pool管理无刷新页面的xmlhttp对象

作者: , 　出处:中国ＩＴ实验室收集整理,　责任编辑: 李春禹,　

2007-11-29 09:42

　　在页面上使用ActiveXObject的代价是很大的，如果我们的无刷新页面使用xmlhttp技术，我们或许需要频繁的建立xmlhttp对象，当然我们也可以使用全局变量来cache一个xmlhttp对象实例。建立一个pool来管理页面上的xmlhttp对象实例，最明显的好处就是不会再创建冗余对象，同时也不会出现多个操作在同一个工作的xmlhttp实例上被调用的情况。

　　
　　 GetRemoteData : function(url, callback)
　　 {
　　 this.__receiveRemoteData(url, callback, 'GET', null);
　　 },
　　
　　 PostRemoteData : function(url, callback, data)
　　 {
　　 this.__receiveRemoteData(url, callback, 'POST', data);
　　 },
　　
　　 __receiveRemoteData : function(url, callback, httpmethod, data)
　　 {
　　 var xmlhttp = this.__requestObject();
　　 if ( !xmlhttp )
　　 {
　　 return null;
　　 }
　　 xmlhttp.open(httpmethod, url, true);
　　 xmlhttp.onreadystatechange = function()
　　 {
　　 if ( xmlhttp.readyState == 4 || xmlhttp.readyState == 'complete' )
　　 {
　　 callback(xmlhttp.responseText);
　　 }
　　 };
　　 xmlhttp.send(data);
　　 }
　　};
　　#endregion

　　__XmlHttpPool__提供了两个方法来和服务器通信，一个使用'GET'方法，一个使用'POST'方法，使用它们非常简单，__XmlHttpPool__.GetRemoteData(url, callback)或__XmlHttpPool__.PostRemoteData(url, callback, data)。其中url是服务器地址，callback是处理返回数据(responseText)的回调函数。比如：