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

最新推荐文章于 2019-09-21 18:15:31 发布
原创 最新推荐文章于 2019-09-21 18:15:31 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#function #callback #url #null #string #文档

博客介绍了__XmlHttpPool__与服务器通信的方法，有GET和POST两种。使用方式为__XmlHttpPool__.GetRemoteData(url, callback)或__XmlHttpPool__.PostRemoteData(url, callback, data)，其中url是服务器地址，callback是处理返回数据的回调函数。
在页面上使用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
关注
Python网络爬虫案例实战：动态网页爬取：什么是Ajax
andyyah晓波的博客
08-12 1207
Ajax（Asynchronous JavaScript and XML）异步JavaScript和XML，即异步的JavaScript 和XML。它不是一门编程语言，而是利用JavaScript在保证页面不被刷新、页面链接不改变的情况下与服务器交换数据并更新部分网页的技术。对于传统的网页，如果想更新其内容，那么必须要刷新整个页面，但有了Ajax，便可以在页面不被全部刷新的情况下更新其内容。
《XMLHTTP对象参考手册》CHM最新版本
12-25
《XMLHTTP对象参考手册》是一份专注于XMLHTTP对象的详细参考资料，它并不是一个全面的XML语言指南，而是专门针对XMLHTTP对象的编程文档。这份手册对XML编程领域的开发人员来说非常重要，因为它提供了关于如何使用...
用VB实现XMLHttp Pool
duiker
01-25 213
昨天看了鸟食轩的文章构建一个pool来管理无刷新页面的xmlhttp对象 ，自己用VB6实现了一下，结果出现了一点小问题，总结一下。代码：Form：Form1Option Explicit Private Pools As HttpPool Private Sub Command1_Click()    Dim o As MSXML2.XMLHTTP    Set o = Pools.GetObj...
构建pool管理无刷新页面的xmlhttp对象
lee576的专栏
01-07 1112
在页面上使用ActiveXObject的代价是很大的，如果我们的无刷新页面使用xmlhttp技术，我们或许需要频繁的建立xmlhttp对象，当然 我们也可以使用全局变量来cache一个xmlhttp对象实例。但是这样的方法适合于同步方式xmlhttp通信，而对于异步方式xmlhttp通信将 会出现问题。由于没有了进程的堵塞，用户可能再次调用同一个xmlhttp实例，如果这时前一个通信未完成，那么就
java面试题一
hongweideng的专栏
11-07 3478
企业Java面试题整理（200道附详细答案） Java 1+2+3……+100构建一个函数。（易） 答案：     public int Sum(int n){     if(n == 1)     return 1;     else     return n + Sum(n – 1);     }   描述冒泡算法。（易） 答案：
最亲密接触Dhtml&JScript开发细节
lee576的专栏
07-28 1118
    脚本语法篇        ·从JavaScript函数重名看其初始化方式        ·在JScript中运算符"||"和"&&"的特殊特性        ·原来JScript中的关键字var还是有文章的        ·JavaScript语言中的Literal Syntax特性        ·JS类定义原型方法的两种实现的区别        ·在JavaScript中使用inl
python面试题整理
carezhougang的博客
09-21 1393
一、Python基础 在Django2.0之前外键不需要只需要models.ForeignKey(‘外键关联’)就可以实现了 但是在Django发布2.0之后，需要在这个方法里添加另外一个参数 on_delete=models.CASCADE，否则会报错误 1、一行代码实现1–100之和？ 答：sum(range(1,101)) 逻辑外键是通过代码去限制表之间的关联，物理外键是通过mysql数据库...
Asp.Net 上传大文件专题(4)--利用ajax技术显示上传进度
weixin_34360651的博客
11-22 158
我们介绍了如何从HTTP请求流中将数据部分进行截取，同时将数据相关信息进行保存。本篇概述： 用过ajax的朋友应该有听过XmlHttpRequest对象，ajax其实就是通过XmlHttpRequest对象来向服务器发出异步请求，并从服务器获得数据，然后用javascript来操作DOM而更新页面。 本篇就是要通过...
javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
12-12
如果我们在客户端频繁使用ajax技术，...建立一个保持xmlhttp实例的池，好处显而易见，最明显的优点就是我们不会创建冗余对象，同时也不会出现在同一个正在被调用的xmlhttp实例上出现再次被操作的情况。 具体实现思路
Microsoft的XMLHTTP对象介绍
09-24
Microsoft的XMLHTTP对象是MSXML库中的一个关键...总结起来，Microsoft的XMLHTTP对象是实现客户端与服务器之间无刷新通信的重要工具，广泛应用于动态网页开发，使得开发者能够创建更加交互式和用户体验良好的Web应用。
技术转移服务公司如何借助AI赋能的科技管理服务挖掘服务价值？.docx
12-02
技术转移服务公司如何借助AI赋能的科技管理服务挖掘服务价值？
4G 中的分组调度.zip
最新发布
12-02
1.版本：matlab2014a/2019b/2024b 2.附赠案例数据可直接运行。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
AI时代，市场化技术转移机构面临需求挖掘不精准挑战，如何抓住智能化转型方案机遇实现核心竞争力？.docx
12-02
AI时代，市场化技术转移机构面临需求挖掘不精准挑战，如何抓住智能化转型方案机遇实现核心竞争力？
随着技术迭代加速，政府部门如何利用智能化转型方案应对产业升级？.docx
12-02
随着技术迭代加速，政府部门如何利用智能化转型方案应对产业升级？
【遥感影像处理】基于Google Earth Engine的Landsat9与Sentinel-2多源数据融合：NDWI水体提取与海岸线精细化检测算法实现
12-02
内容概要：本文介绍了如何利用Google Earth Engine（GEE）平台与Python库geemap、xarray等工具，结合Landsat 9和Sentinel-2遥感影像数据，进行水体提取及岸线检测的技术流程。通过定义归一化水体指数（NDWI），对影像集合进行筛选、预处理和中值合成，并使用xarray将Earth Engine的数据导出为本地多维数组格式，进而通过二值化和形态学腐蚀操作识别水体边界，最终实现岸线提取。文中还展示了不同传感器数据的处理差异与可视化方法。; 适合人群：具备遥感图像处理基础知识，熟悉Python编程及地理空间数据分析的科研人员或技术人员；适合环境监测、水利、海洋等相关领域从业者； 使用场景及目标：①用于湖泊、河流等水体范围动态监测；②支持岸线变化分析、洪涝灾害评估等地学研究；③为生态环境保护与国土管理提供技术支撑； 阅读建议：需提前配置好GEE开发环境并完成认证，建议结合代码逐段运行理解数据流，重点关注NDWI计算、影像集合处理、xarray集成与形态学处理的关键实现细节。
基于Matlab的SLAM同步定位与建图算法仿真实战项目
12-02
同步定位与地图构建（SLAM）技术为移动机器人或自主载具在未知空间中的导航提供了核心支撑。借助该技术，机器人能够在探索过程中实时构建环境地图并确定自身位置。典型的SLAM流程涵盖传感器数据采集、数据处理、状态估计及地图生成等环节，其核心挑战在于有效处理定位与环境建模中的各类不确定性。 Matlab作为工程计算与数据可视化领域广泛应用的数学软件，具备丰富的内置函数与专用工具箱，尤其适用于算法开发与仿真验证。在SLAM研究方面，Matlab可用于模拟传感器输出、实现定位建图算法，并进行系统性能评估。其仿真环境能显著降低实验成本，加速算法开发与验证周期。 本次“SLAM-基于Matlab的同步定位与建图仿真实践项目”通过Matlab平台完整再现了SLAM的关键流程，包括数据采集、滤波估计、特征提取、数据关联与地图更新等核心模块。该项目不仅呈现了SLAM技术的实际应用场景，更为机器人导航与自主移动领域的研究人员提供了系统的实践参考。 项目涉及的核心技术要点主要包括：传感器模型（如激光雷达与视觉传感器）的建立与应用、特征匹配与数据关联方法、滤波器设计（如扩展卡尔曼滤波与粒子滤波）、图优化框架（如GTSAM与Ceres Solver）以及路径规划与避障策略。通过项目实践，参与者可深入掌握SLAM算法的实现原理，并提升相关算法的设计与调试能力。 该项目同时注重理论向工程实践的转化，为机器人技术领域的学习者提供了宝贵的实操经验。Matlab仿真环境将复杂的技术问题可视化与可操作化，显著降低了学习门槛，提升了学习效率与质量。 实践过程中，学习者将直面SLAM技术在实际应用中遇到的典型问题，包括传感器误差补偿、动态环境下的建图定位挑战以及计算资源优化等。这些问题的解决对推动SLAM技术的产业化应用具有重要价值。 SLAM技术在工业自动化、服务机器人、自动驾驶及无人机等领域的应用前景广阔。掌握该项技术不仅有助于提升个人专业能力，也为相关行业的技术发展提供了重要支撑。随着技术进步与应用场景的持续拓展，SLAM技术的重要性将日益凸显。 本实践项目作为综合性学习资源，为机器人技术领域的专业人员提供了深入研习SLAM技术的实践平台。通过Matlab这一高效工具，参与者能够直观理解SLAM的实现过程，掌握关键算法，并将理论知识系统应用于实际工程问题的解决之中。 资源来源于网络分享，仅用于学习交流使用，请勿用于商业，如有侵权请联系我删除！
实现XMLHTTP技术的无刷新页面数据自动更新
在传统的Web应用中，用户每进行一次操作，都需要服务器返回一个完整的页面，用户再通过浏览器加载这个新页面，这一过程会导致页面刷新。而异步请求使得浏览器在不中断当前页面执行的情况下，与服务器交换数据并更新...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值