`
sisi1984117
  • 浏览: 155615 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

【转】用js创建XMLHttpRequest对象池

阅读更多
  1. //使用literal语法定义一个对象:XMLHttp   
  2. var XMLHttp =    
  3. {   
  4.     //定义第一个属性,该属性用于缓存XMLHttpRequest对象的数组   
  5.     XMLHttpRequestPool: [],   
  6.     //对象的第一个方法,该方法用于返回一个XMLHttpRequest对象   
  7.     getInstance:function()   
  8.     {   
  9.         // 从XMLHttpRequest对象池中取出一个空闲的XMLHttpRequest   
  10.         for (var i = 0; i < this.XMLHttpRequestPool.length; i ++)   
  11.         {   
  12.             //如果XMLHttpReuqest的readyState为0,或者为4,   
  13.             //都表示当前的XMLHttpRequest对象为闲置的对象   
  14.             if (this.XMLHttpRequestPool[i].readyState == 0 ||    
  15.                 this.XMLHttpRequestPool[i].readyState == 4)   
  16.             {   
  17.                 return this.XMLHttpRequestPool[i];   
  18.             }   
  19.         }   
  20.         //如果没有空闲的,将再次创建一个新的XMLHttpRequest对象   
  21.         this.XMLHttpRequestPool[this.XMLHttpRequestPool.length]    
  22.             = this.createXMLHttpRequest();   
  23.         //返回刚刚创建的XMLHttpRequest对象   
  24.         return this.XMLHttpRequestPool[this.XMLHttpRequestPool.length - 1];   
  25.     },   
  26.     //创建新的XMLHttpRequest对象   
  27.     createXMLHttpRequest:function()   
  28.     {   
  29.         //对于DOM 2 规范的浏览器   
  30.         if (window.XMLHttpRequest)   
  31.         {   
  32.             var objXMLHttp = new XMLHttpRequest();   
  33.         }   
  34.         //对于Internet Explorer浏览器   
  35.         else  
  36.         {   
  37.             //将Internet Explorer内置的所有XMLHTTP ActiveX控制设置成数组   
  38.             var MSXML = ['MSXML2.XMLHTTP.5.0''MSXML2.XMLHTTP.4.0',    
  39.                 'MSXML2.XMLHTTP.3.0''MSXML2.XMLHTTP''Microsoft.XMLHTTP'];   
  40.             //依次对Internet Explorer内置的XMLHTTP控件初始化,尝试创建XMLHttpRequest对象   
  41.             for(var n = 0; n < MSXML.length; n ++)   
  42.             {   
  43.                 try  
  44.                 {   
  45.                     //如果可以正常创建XMLHttpRequest对象,使用break跳出循环   
  46.                     var objXMLHttp = new ActiveXObject(MSXML[n]);    
  47.                     break;   
  48.                 }   
  49.                 catch(e)   
  50.                 {   
  51.                 }   
  52.             }   
  53.         }   
  54.         //Mozilla某些版本没有readyState属性   
  55.         if (objXMLHttp.readyState == null)   
  56.         {   
  57.             //直接设置其readyState为0   
  58.             objXMLHttp.readyState = 0;   
  59.             //对于哪些没有readyState属性的浏览器,将load动作与下面的函数关联起来   
  60.             objXMLHttp.addEventListener("load", function ()   
  61.             {   
  62.                 //当从服务器加载数据完成后,将readyState状态设为4   
  63.                 objXMLHttp.readyState = 4;   
  64.                 if (typeof objXMLHttp.onreadystatechange == "function")   
  65.                 {   
  66.                     objXMLHttp.onreadystatechange();   
  67.                 }   
  68.             }, false);   
  69.         }   
  70.         return objXMLHttp;   
  71.     },   
  72.     //定义对象的第三个方法: 发送请求(方法[POST,GET], 地址, 数据, 回调函数)   
  73.     sendRequest: function (method, url, data, callback)   
  74.     {   
  75.         var objXMLHttp = this.getInstance();   
  76.         with(objXMLHttp)   
  77.         {   
  78.             try  
  79.             {   
  80.                 //增加一个额外的randnum请求参数,用于防止IE缓存服务器响应   
  81.                 if (url.indexOf("?") > 0)   
  82.                 {   
  83.                     url += "&randnum=" + Math.random();   
  84.                 }   
  85.                 else  
  86.                 {   
  87.                     url += "?randnum=" + Math.random();   
  88.                 }   
  89.                 //打开与服务器的连接   
  90.                 open(method, url, true);   
  91.                 //对于使用POST请求方式   
  92.                 if (method == "POST")   
  93.                 {   
  94.                     // 设定请求头   
  95.                     setRequestHeader('Content-Type',    
  96.                         'application/x-www-form-urlencoded');   
  97.                     send(data);   
  98.                 }   
  99.                 //对于采用GET请求   
  100.                 if (method == "GET")   
  101.                 {   
  102.                     send(null);   
  103.                 }   
  104.                 //设置状态改变的回调函数   
  105.                 onreadystatechange = function ()   
  106.                 {   
  107.                     //当服务器的相应完成时,以及获得了正常的服务器响应   
  108.                     if (objXMLHttp.readyState == 4 &&   
  109.                         (objXMLHttp.status == 200 ||    
  110.                             objXMLHttp.status == 304))   
  111.                     {   
  112.                         //当响应时机成熟时,调用回调函数处理响应   
  113.                         callback(objXMLHttp);   
  114.                     }   
  115.                 }   
  116.             }   
  117.             catch(e)   
  118.             {   
  119.                 alert(e);   
  120.             }   
  121.         }   
  122.     }   
  123. }; 

原文地址:http://justsee.iteye.com/blog/690353

分享到:
评论

相关推荐

    用js创建XMLHttpRequest对象池

    创建XMLHttpRequest对象池的步骤如下: 1. **初始化对象池**:在应用程序启动时,预先创建一定数量的XHR对象,并将它们存储在一个数组中。例如: ```javascript const xhrPool = []; for (let i = 0; i ; i++) {...

    创建XMLHttpRequest对象的方法.rar

    总结,"创建XMLHttpRequest对象的方法.rar"这个资源主要介绍了如何在JavaScript中创建并使用XMLHttpRequest对象进行AJAX通信,包括对象创建、状态监听、请求初始化和发送、以及响应处理等关键步骤。在实际项目中,...

    创建XMLHttpRequest对象

    ### 创建XMLHttpRequest对象 在现代Web开发中,异步JavaScript和XML(通常称为AJAX)是一种重要的技术,它允许网页在不重新加载整个页面的情况下与服务器进行数据交换。这一过程的核心在于`XMLHttpRequest`对象的...

    支持多种浏览器创建XMLHttpRequest对象代码

    ### 支持多种浏览器创建XMLHttpRequest对象代码 随着Web技术的发展与演进,跨浏览器兼容性一直是前端开发者面临的重要挑战之一。特别是在处理Ajax请求时,如何优雅地在不同浏览器(尤其是IE与其他现代浏览器)间...

    使用XMLHttpRequest对象.doc

    在使用 XMLHttpRequest 对象发送请求和处理响应之前,必须先用 JavaScript 创建一个 XMLHttpRequest 对象。由于 XMLHttpRequest 不是一个 W3C 标准,所以可以采用多种方法使用 JavaScript 来创建 XMLHttpRequest 的...

    WEB开发 之 AJAX - 创建 XMLHttpRequest 对象.docx

    在JavaScript中创建XMLHttpRequest对象非常简单,一般有两种方式: 1. 对于现代浏览器(IE7+、Firefox、Chrome、Safari和Opera): ```javascript var xmlhttp = new XMLHttpRequest(); ``` 2. 对于较老版本的...

    XMLHttpRequest对象的介绍和实现

    - **实例化XMLHttpRequest对象**:根据不同的浏览器环境,选择合适的方式来创建XMLHttpRequest对象。 - **设置请求类型**:定义请求方法(GET、POST等)。 - **指定请求URL**:定义要发送请求的目标服务器地址。 - *...

    Ajax深度剖析,XMLHttpRequest对象大揭秘

    XMLHttpRequest对象是Ajax技术的基础,它允许JavaScript在页面不刷新的情况下与服务器进行通信。创建一个XMLHttpRequest实例非常简单: ```javascript var xhr = new XMLHttpRequest(); ``` 一旦创建了实例,我们...

    XMLHttpRequest对象的创建和使用

    **创建XMLHttpRequest对象** 在JavaScript中,XMLHttpRequest对象不是内置在全局作用域内的,而是通过构造函数来创建的。你可以直接通过`new XMLHttpRequest()`来创建一个新的实例。例如: ```javascript var xhr ...

    全面剖析XMLHttpRequest对象.txt

    在现代浏览器中,可以通过以下方式创建XMLHttpRequest对象: ```javascript var xhr = new XMLHttpRequest(); ``` 如果是在Internet Explorer 5或6中,则可能需要使用ActiveX对象的方式创建: ```javascript var ...

    VS2008 AJAX控件介绍 AJAX组成及XMLHttpRequest对象

    创建XMLHttpRequest对象后,可以调用其open()方法指定HTTP请求类型(GET或POST)、URL以及是否异步执行。接着,使用send()方法发送请求,如果请求是异步的,当服务器响应时,onreadystatechange事件会被触发,此时...

    不同浏览器创建XMLHttpRequest,兼容各种浏览器(王兴魁老师视频笔记)

    本主题主要关注如何在不同的浏览器环境中创建XMLHttpRequest对象,以实现跨浏览器兼容性。 王兴魁老师是一位知名的IT教育专家,他在传智播客的课程中深入讲解了这一主题。创建XMLHttpRequest对象是AJAX的核心步骤,...

    ajax 入门基础之 XMLHttpRequest对象总结

    创建XMLHttpRequest对象有两种方式,一种是针对Internet Explorer浏览器,使用ActiveXObject: ```javascript http_request = new ActiveXObject("Msxml2.XMLHTTP"); http_request = new ActiveXObject("Microsoft....

    XMLHttpRequest对象手册.pdf

    需要注意的是,在Internet Explorer 5 和 IE 6 中,由于这些浏览器使用的是ActiveX对象模型,因此创建XMLHttpRequest对象的方法有所不同,需通过`new ActiveXObject()`来创建。 #### 四、W3C标准化 虽然...

    XMLHttpRequest对象的使用

    首先,XMLHttpRequest对象是JavaScript内置的对象,通过创建实例化对象来使用。通常,我们会在JavaScript代码中这样创建: ```javascript var xhr = new XMLHttpRequest(); ``` 接下来,我们需要设置请求的类型...

    全面剖析XMLHttpRequest对象

    1. **创建对象**:使用`new XMLHttpRequest()`创建一个新的XMLHttpRequest对象。 2. **初始化请求**:调用`open()`方法初始化请求,设置请求方式、URL以及异步标志。 3. **设置事件监听器**:监听`readystatechange`...

    javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象

    3. **创建XMLHttpRequest对象**: `getXmlHttp()` 函数负责创建兼容不同浏览器的XMLHttpRequest对象。它尝试使用一系列ActiveXObject签名创建对象(针对IE),如果都不成功,则尝试使用标准的XMLHttpRequest构造...

Global site tag (gtag.js) - Google Analytics