程序博客网 > 排八字软件下载

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

来源：互联网 发布：排八字软件下载 编辑：程序博客网 时间：2024/05/16 19:01
在页面上使用ActiveXObject的代价是很大的，如果我们的无刷新页面使用xmlhttp技术，我们或许需要频繁的建立xmlhttp对象，当然我们也可以使用全局变量来cache一个xmlhttp对象实例。但是这样的方法适合于同步方式xmlhttp通信，而对于异步方式xmlhttp通信将会出现问题。由于没有了进程的堵塞，用户可能再次调用同一个xmlhttp实例，如果这时前一个通信未完成，那么就失败了。

    建立一个pool来管理页面上的xmlhttp对象实例，最明显的好处就是不会再创建冗余对象，同时也不会出现多个操作在同一个工作的xmlhttp实例上被调用的情况。

    具体实现，我们使用一个Array作为pool来存储已创建的xmlhttp对象实例，然后每次调用从pool中去取一个实例。xmlhttp实例通讯完毕后我们不用做任何处置，因为它自身的readyState属性可以标识出它是否可用，如果当时没有空闲的xmlhttp实例，且pool中的实例数小于m_MaxPoolLength，那么就创建一个新的实例并放入pool中。pool的实现代码如下：
#region __XmlHttpPool__源码
var __XmlHttpPool__ =
{
    m_MaxPoolLength : 10,
    m_XmlHttpPool : [],
    
    __requestObject : function()
    {
        var xmlhttp = null;
        var pool = this.m_XmlHttpPool;
        for ( var i=0 ; i < pool.length ; ++i )
        {
            if ( pool[i].readyState == 4 || pool[i].readyState == 0 )
            {
                xmlhttp = pool[i];
                break;
            }
        }
        if ( xmlhttp == null )
        {
            return this.__extendPool();
        }
        return xmlhttp;
    },
    
    __extendPool : function()
    {
        if ( this.m_XmlHttpPool.length < this.m_MaxPoolLength )
        {
            var xmlhttp = null;
            try
            {
                xmlhttp = new ActiveXObject('MSXML2.XMLHTTP');
            }
            catch(e)
            {
                try
                {
                    xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
                }
                catch(e2) {}
            }
            if ( xmlhttp )
            {
                this.m_XmlHttpPool.push(xmlhttp);
            }
            return 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)的回调函数。比如：

<script language="javascript">
__XmlHttpPool__.PostRemoteData(url, Render, 'abc');

function Render(string)
{
    if ( string )
    {
        txbContent.value += string + '/r/n';
    }
}
</scirpt>
<textarea rows="40" style="width:100%" id="txbContent"></textarea>

posted on 2004-12-27 21:38 birdshome 阅读(2021) 评论(8)  编辑 收藏 收藏至365Key 所属分类: JScript&DHTML开发

评论

# re: 构建一个pool来管理无刷新页面的xmlhttp对象   

嗯 正好用上 收藏 Thx
2004-12-28 09:35 | guoadou

# re: 构建一个pool来管理无刷新页面的xmlhttp对象   

如果__XmlHttpPool__被用在弹出窗口中，在关闭窗口时为了避免出错，应该停止掉所有在运行的实例，所以给pool增加了一个CancelAll的方法：
CancelAll : function() 
{ 
    var extendPool = this.__extendPool; 
    this.__extendPool = function() 
    { 
        return null; 
    } 
    for ( var i=0 ; i < this.m_XmlHttpPool.length ; ++i ) 
    { 
        this.m_XmlHttpPool[i].abort(); 
    } 
    this.__extendPool = extendPool; 
} 
2005-01-17 14:11 | birdshome

# re: 构建一个pool来管理无刷新页面的xmlhttp对象   

好，经典。收藏
2005-01-20 11:54 | daniel

# 那个GetRemoteDataEx(url)在哪里？   

没有看到啊，这个函数的定义在哪里？
2005-04-01 09:50 | wearebug

# re: 构建一个pool来管理无刷新页面的xmlhttp对象   

忘了更新这个文档了
GetRemoteDataEx : function(url)
{
    return this.__receiveRemoteDataEx(url, 'GET', null);
},

PostRemoteDataEx : function(url, data)
{
    return this.__receiveRemoteDataEx(url, 'POST', data);
},

__receiveRemoteDataEx : function(url, httpmethod, data)
{
    var xmlhttp = this.__requestObject();
    if ( !xmlhttp )
    {
        return null;
    }
    if ( httpmethod == 'POST' )
    {
        xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
    }
    xmlhttp.open(httpmethod, url, false);
    try
    {
        xmlhttp.send(data);
    }
    catch(e)
    {
        __Debug__(e, data);
    }

    if ( xmlhttp.status == 200 )
    {
        return xmlhttp.responseText;
    }
    return '';
},
2005-04-01 10:12 | birdshome

# 帅哥，你的回复够快的   

我正在看你的代码，很多js的用法我以前没有接触过，写的真不错。
我已经加了birdshome@hotmail.com这个MSN，不知道是不是你的。
我把你贴出来的文档整理了，但是还是运行不起来，页面上什么都没有显示，正在郁闷中。
你的那个rar还挺唬人的，呵呵，我已经知道那是什么了。
2005-04-01 10:38 | wearebug

# re: 构建一个pool来管理无刷新页面的xmlhttp对象   

TreeView的代码还没有写完，所以我没有提供一个好的版本，现在给出的也只是为了演示效果。
// 我的msn不是这个，是：zhilee[at]msn.com。
2005-04-01 10:47 | birdshome

# re: 构建一个pool来管理无刷新页面的xmlhttp对象   

非常好。thanks
2005-09-08 01:20 | 木野狐
# re: 构建一个pool来管理无刷新页面的xmlhttp对象    嗯 正好用上 收藏 Thx
2004-12-28 09:35 | guoadou

# re: 构建一个pool来管理无刷新页面的xmlhttp对象   

如果__XmlHttpPool__被用在弹出窗口中，在关闭窗口时为了避免出错，应该停止掉所有在运行的实例，所以给pool增加了一个CancelAll的方法：
CancelAll : function() 
{ 
    var extendPool = this.__extendPool; 
    this.__extendPool = function() 
    { 
        return null; 
    } 
    for ( var i=0 ; i < this.m_XmlHttpPool.length ; ++i ) 
    { 
        this.m_XmlHttpPool[i].abort(); 
    } 
    this.__extendPool = extendPool; 
} 
2005-01-17 14:11 | birdshome

# re: 构建一个pool来管理无刷新页面的xmlhttp对象   

好，经典。收藏
2005-01-20 11:54 | daniel

# 那个GetRemoteDataEx(url)在哪里？   

没有看到啊，这个函数的定义在哪里？
2005-04-01 09:50 | wearebug

# re: 构建一个pool来管理无刷新页面的xmlhttp对象   

忘了更新这个文档了
GetRemoteDataEx : function(url)
{
    return this.__receiveRemoteDataEx(url, 'GET', null);
},

PostRemoteDataEx : function(url, data)
{
    return this.__receiveRemoteDataEx(url, 'POST', data);
},

__receiveRemoteDataEx : function(url, httpmethod, data)
{
    var xmlhttp = this.__requestObject();
    if ( !xmlhttp )
    {
        return null;
    }
    if ( httpmethod == 'POST' )
    {
        xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
    }
    xmlhttp.open(httpmethod, url, false);
    try
    {
        xmlhttp.send(data);
    }
    catch(e)
    {
        __Debug__(e, data);
    }

    if ( xmlhttp.status == 200 )
    {
        return xmlhttp.responseText;
    }
    return '';
},
2005-04-01 10:12 | birdshome

# 帅哥，你的回复够快的   

我正在看你的代码，很多js的用法我以前没有接触过，写的真不错。
我已经加了birdshome@hotmail.com这个MSN，不知道是不是你的。
我把你贴出来的文档整理了，但是还是运行不起来，页面上什么都没有显示，正在郁闷中。
你的那个rar还挺唬人的，呵呵，我已经知道那是什么了。
2005-04-01 10:38 | wearebug

# re: 构建一个pool来管理无刷新页面的xmlhttp对象   

TreeView的代码还没有写完，所以我没有提供一个好的版本，现在给出的也只是为了演示效果。
// 我的msn不是这个，是：zhilee[at]msn.com。
2005-04-01 10:47 | birdshome

# re: 构建一个pool来管理无刷新页面的xmlhttp对象   

非常好。thanks
2005-09-08 01:20 | 木野狐
排八字软件下载 排八字软件下载
原创粉丝点击
热门IT博客
win8.1网络连接不可用win8.1网络连接不可用
linux 流程图linux 流程图
淘宝卖家版下载官方
勇士vs火箭季后赛数据
晨风机器人授权源码
25岁用什么精华知乎
js 设置class
ipad游戏推荐 知乎
blued 软件
网络安全法实施方案
unity3d性能优化
java seversocket
ubuntu升级网卡驱动
mac怎么升级os x10.11
linux 安装部署redis
hazard ratio软件
json 汉字解析不出来
mysql集群架构
程序员考试内容
电脑升级配置软件
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 吸水石盆景的制作 吸水石产地在哪里 吸水毛巾价格 吸水拖把什么牌子好 吸水石假山图片 高分子吸水树脂价格 吸水石盆景摆放讲究 火车上卖的吸水毛巾 洗车机不吸水是怎么回事 纸为什么会吸水 大叶榕吸水石盆景 洗地机吸水管 无水硫酸铜吸水 吸水石盆景制作方法 吸水海绵图片 卫生巾吸水材料 吸尘吸水器价格 桶装水吸水器 矿泉水吸水器 桶装吸水器 广东暴雨现龙吸水 男人自述锦鲤吸水感受 声控男喘文本吸水录音 高压清洗机不吸水 海绵为什么会吸水 海绵为什么能吸水 华帝抽油烟机自动清洗不吸水 腋窝吸汗 吸汗带 吸潮剂 蚕丝被吸潮吗 吸痰负压 吸痰注意事项 吸痰 吸痰负压多少 吸痰器使用方法 吸痰深度 吸痰并发症 婴儿吸痰过程图 吸痰的并发症 吸痰压力

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里