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

于 2005-11-04 15:43:00 发布
阅读量1k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： function callback url null string 文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Awinye/article/details/522822
博客介绍了__XmlHttpPool__与服务器通信的方法，有GET和POST两种。使用方式为__XmlHttpPool__.GetRemoteData(url, callback)或__XmlHttpPool__.PostRemoteData(url, callback, data)，其中url是服务器地址，callback是处理返回数据的回调函数。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在页面上使用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 | 木野狐
Awinye
关注
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值