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

呼啦呼啦天

呼啦呼啦天

2016-02-19 15:34

下面图老师小编要向大家介绍下构建pool管理无刷新页面的xmlhttp对象,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!
在页面上使用ActiveXObject的代价是很大的,如果我们的无刷新页面使用xmlhttp技术,我们或许需要频繁的建立xmlhttp对象,当然我们也可以使用全局变量来cache一个xmlhttp对象实例。但是这样的方法适合于同步方式xmlhttp通信,而对于异步方式xmlhttp通信将会出现问题。由于没有了进程的堵塞,用户可能再次调用同一个xmlhttp实例,如果这时前一个通信未完成,那么就失败了。

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

    具体实现,我们使用一个Array作为pool来存储已创建的xmlhttp对象实例,然后每次调用从pool中去取一个实例。xmlhttp实例通讯完毕后我们不用做任何处置,因为它自身的readyState属性可以标识出它是否可用,如果当时没有空闲的xmlhttp实例,且pool中的实例数小于m_MaxPoolLength,那么就创建一个新的实例并放入pool中。pool的实现代码如下: __XmlHttpPool__源码#region __XmlHttpPool__源码
var __XmlHttpPool__ =
{
    m_MaxPoolLength : 10,
    m_XmlHttpPool : [],
    
    __requestObject : function()
    {
        var xmlhttp = null;
     &nb

        {
            return this.__extendPool();
        }
        return xmlhttp;
    },
    
    __extendPool : function()
    {
        if ( this.m_XmlHttpPool.length  this.m_MaxPoolLength )
        {

bsp;              xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
                }
                catch(e2) {}
            }
            if ( xmlhttp )
            {
                this.m_XmlHttpPool.push(xmlhttp);
            }
            return xmlhttp;
       &nb

    },
    
    __receiveRemoteData : function(url, callback, httpmethod, data)
    {
        var xmlhttp = this.__requestObject();
        if ( !xmlhttp )
        {
            return null;
        }
        xmlhttp.open(httpmethod, url, true);
  &nbs

是服务器地址,callback是处理返回数据(responseText)的回调函数。比如:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

 

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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

function Render(string)
{
    if ( string )
    {
        txbContent.value += string + 'rn';
    }

展开更多 50%)
分享

猜你喜欢

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

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

利用ICallbackEventHandle实现类似AJAX的无刷新页面

电脑网络
利用ICallbackEventHandle实现类似AJAX的无刷新页面

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

很简单的javascript函数不刷新页面---刷新数据

Web开发
很简单的javascript函数不刷新页面---刷新数据

不刷新页面的情况下调用远程ASP

ASP
不刷新页面的情况下调用远程ASP

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

不刷新页面筛选数据库中的数据

ASP
不刷新页面筛选数据库中的数据

Ajax实现静态刷新页面过程带加载旋转图片

Web开发
Ajax实现静态刷新页面过程带加载旋转图片

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Ajax 解决ie缓存问题

Ajax 解决ie缓存问题

Swing读书笔记事件处理

Swing读书笔记事件处理
下拉加载更多内容 ↓