实例化 XMLHttpRequest 对象的最佳方法答案

【问题标题】：Best method of Instantiating an XMLHttpRequest object实例化 XMLHttpRequest 对象的最佳方法
【发布时间】：2010-09-29 17:35:24
【问题描述】：

创建XMLHttpRequest 对象的最佳方法是什么？

它应该适用于所有支持的浏览器。

【问题讨论】：

作为附加信息，这个主题也很有用：JavaScript: Which should I use, Microsoft.XMLHTTP or Msxml2.XMLHTTP?

标签： javascript ajax cross-browser xmlhttprequest

【解决方案1】：

对于无库解决方案，您可以很容易地模拟 Prototype 对 Try.these 的使用：

function newAjax() {
    try { return new XMLHttpRequest();                    } catch(){}
    try { return new ActiveXObject('Msxml2.XMLHTTP.6.0'); } catch(){}
    try { return new ActiveXObject('Msxml2.XMLHTTP.3.0'); } catch(){}
    try { return new ActiveXObject('Msxml2.XMLHTTP');     } catch(){}
    try { return new ActiveXObject('Microsoft.XMLHTTP');  } catch(){}
    return false;
}

【讨论】：

干净简洁。可能想要“记住”定位的版本，这样您就不必每次都遇到 1-4 个异常。

【解决方案2】：

这是一个有用的链接和一些代码（应该涵盖所有基础）

http://blogs.msdn.com/xmlteam/archive/2006/10/23/using-the-right-version-of-msxml-in-internet-explorer.aspx

        var request = null;

        function InitAJAX()
        {
            var objxml = null;
            var ProgID = ["Msxml2.XMLHTTP.6.0", "Msxml2.XMLHTTP.3.0", "Microsoft.XMLHTTP"];            

            try
            {
                objxml = new XMLHttpRequest();
            }
            catch(e)
            {                
                for (var i = 0; i < ProgID.length; i++)
                {
                    try
                    {
                        objxml = new ActiveXObject(ProgID[i]);
                    }
                    catch(e)
                    {                        
                        continue;
                    }
                }
            }

            return objxml;            
        }

        request = InitAJAX();

【讨论】：

@Bishiboosh - 在 Firefox 中运行良好 - developer.mozilla.org/En/Using_XMLHttpRequest

【解决方案3】：

使用jQuery（或类似的 JavaScript 库）。它负责处理诸如进行 Ajax 调用之类的跨浏览器兼容性问题。

For example，使用jQuery Ajax call：

$.ajax({
    url: 'document.xml',
    type: 'GET',
    dataType: 'xml',
    timeout: 1000,
    error: function(){
        alert('Error loading XML document');
    },
    success: function(xml){
        // do something with xml
    }
});

【讨论】：

【解决方案4】：

我建议关注Sergey's advise 或自己为 IE 编写一个小而不太复杂的补丁：

if(typeof window.XMLHttpRequest === 'undefined' &&
    typeof window.ActiveXObject === 'function') {
    window.XMLHttpRequest = function() {
        try { return new ActiveXObject('Msxml2.XMLHTTP.6.0'); } catch(e) {}
        try { return new ActiveXObject('Msxml2.XMLHTTP.3.0'); } catch(e) {}
        return new ActiveXObject('Microsoft.XMLHTTP');
    };
}

那你就可以了

var req = new XMLHttpRequest;

即使在 IE 中。

编辑 2011-02-18： 请参阅 this blogpost，了解新选择 MSXML 版本背后的基本原理...

【讨论】：

链接很好，修复了对象

【解决方案5】：

使用几乎任何 JavaScript Ajax 库都比编写自己的 Ajax 框架更可取——除非这是重点。如果您坚持自己编写，您可能想查看 jQuery 或 Prototype 或 MooTools 或 Dojo 或 [在此处插入名称] 框架，看看他们是如何做到的。

【讨论】：

【解决方案6】：

使用XMLHttpRequest.js - Standard-compliant cross-browser XMLHttpRequest object implementation 并以standard (W3C) 方式处理对象

【讨论】：

【解决方案7】：

这是我用的，对我来说很好用：

    function request()
    {
        try
        {
            try
            {
                return new ActiveXObject("Microsoft.XMLHTTP")
            }
            catch( e )
            {
                return new ActiveXObject("Msxml2.XMLHTTP")
            }
        }
        catch(e) 
        {
            return new XMLHttpRequest()
        }
    }

【讨论】：

【解决方案8】：

我同意 Cletus 对 jQuery 的建议，还查看了 jQuery Form 插件，它非常强大且易于使用，可以快速将您的表单转换为通过 Ajax 工作。

【讨论】：

【解决方案9】：

函数 CreateXmlHttpObj() {

try {
    XmlHttpObj = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
    try {
        XmlHttpObj = new ActiveXObject("Microsoft.XMLHTTP");
    }
    catch (oc) {
        XmlHttpObj = null;
    }
}
// if unable to create using IE specific code then try creating for Mozilla (FireFox) 
if (!XmlHttpObj && typeof XMLHttpRequest != "undefined") {
    XmlHttpObj = new XMLHttpRequest();
}

}

【讨论】：