zoukankan      html  css  js  c++  java
  • 用js创建XMLHttpRequest对象池[转]

    //使用literal语法定义一个对象:XMLHttp   
    var XMLHttp =    
    {   
        //定义第一个属性,该属性用于缓存XMLHttpRequest对象的数组   
        XMLHttpRequestPool: [],   
        //对象的第一个方法,该方法用于返回一个XMLHttpRequest对象   
        getInstance:function()   
        {   
           // 从XMLHttpRequest对象池中取出一个空闲的XMLHttpRequest   
            for (var i = 0; i < this.XMLHttpRequestPool.length; i ++)   
            {   
               //如果XMLHttpReuqest的readyState为0,或者为4,   
                //都表示当前的XMLHttpRequest对象为闲置的对象   
                if (this.XMLHttpRequestPool[i].readyState == 0 ||    
                    this.XMLHttpRequestPool[i].readyState == 4)   
                {   
                    return this.XMLHttpRequestPool[i];   
               }   
            }   
           //如果没有空闲的,将再次创建一个新的XMLHttpRequest对象   
            this.XMLHttpRequestPool[this.XMLHttpRequestPool.length]    
                = this.createXMLHttpRequest();   
            //返回刚刚创建的XMLHttpRequest对象   
            return this.XMLHttpRequestPool[this.XMLHttpRequestPool.length - 1];   
       },   
        //创建新的XMLHttpRequest对象   
       createXMLHttpRequest:function()   
       {   
           //对于DOM 2 规范的浏览器   
           if (window.XMLHttpRequest)   
            {   
               var objXMLHttp = new XMLHttpRequest();   
            }   
            //对于Internet Explorer浏览器   
          else  
            {   
               //将Internet Explorer内置的所有XMLHTTP ActiveX控制设置成数组   
                var MSXML = ['MSXML2.XMLHTTP.5.0', 'MSXML2.XMLHTTP.4.0',    
                    'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP', 'Microsoft.XMLHTTP'];   
                //依次对Internet Explorer内置的XMLHTTP控件初始化,尝试创建XMLHttpRequest对象   
                for(var n = 0; n < MSXML.length; n ++)   
                {   
                   try  
                    {   
                        //如果可以正常创建XMLHttpRequest对象,使用break跳出循环   
                        var objXMLHttp = new ActiveXObject(MSXML[n]);    
                       break;   
                    }   
                   catch(e)   
                    {   
                    }   
                }   
            }   
           //Mozilla某些版本没有readyState属性   
            if (objXMLHttp.readyState == null)   
            {   
               //直接设置其readyState为0   
               objXMLHttp.readyState = 0;   
                //对于哪些没有readyState属性的浏览器,将load动作与下面的函数关联起来   
                objXMLHttp.addEventListener("load", function ()   
                {   
                    //当从服务器加载数据完成后,将readyState状态设为4   
                   objXMLHttp.readyState = 4;   
                   if (typeof objXMLHttp.onreadystatechange == "function")   
                   {   
                        objXMLHttp.onreadystatechange();   
                   }   
                }, false);   
            }   
            return objXMLHttp;   
       },   
        //定义对象的第三个方法: 发送请求(方法[POST,GET], 地址, 数据, 回调函数)   
        sendRequest: function (method, url, data, callback)   
        {   
            var objXMLHttp = this.getInstance();   
            with(objXMLHttp)   
            {   
                try  
                {   
                   //增加一个额外的randnum请求参数,用于防止IE缓存服务器响应   
                    if (url.indexOf("?") > 0)   
                    {   
                        url += "&randnum=" + Math.random();   
                    }   
                    else  
                    {   
                        url += "?randnum=" + Math.random();   
                    }   
                   //打开与服务器的连接   
                    open(method, url, true);   
                    //对于使用POST请求方式   
                    if (method == "POST")   
                    {   
                        // 设定请求头   
                       setRequestHeader('Content-Type',    
                            'application/x-www-form-urlencoded');   
                       send(data);   
                    }   
                   //对于采用GET请求   
                    if (method == "GET")   
                    {   
                       send(null);   
                    }   
                    //设置状态改变的回调函数   
                    onreadystatechange = function ()   
                   {   
                       //当服务器的相应完成时,以及获得了正常的服务器响应   
                       if (objXMLHttp.readyState == 4 &&   
                           (objXMLHttp.status == 200 ||    
                               objXMLHttp.status == 304))   
                       {   
                           //当响应时机成熟时,调用回调函数处理响应   
                            callback(objXMLHttp);   
                       }   
                    }   
               }   
               catch(e)   
                {   
                    alert(e);   
                }   
           }   
        }   
    }; 

    网上转过来, 当是笔记

  • 相关阅读:
    springcloud(3)consul
    springcloud(2)服务提供者配置及集群和信息显示改善
    springcloud(1)Eureka配置及集群
    Git操作和配合GitHub进行代码托管
    GitHub的基本使用
    关于mybatis的各种绑定(bind)错误,找不到类的情况
    springboot整合thymeleaf视图解析器
    spring boot 源码分析-------ApplicationContext
    https原理
    单例模式
  • 原文地址:https://www.cnblogs.com/whtydn/p/3173588.html
Copyright © 2011-2022 走看看