Question

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

它应该适用于所有功能强大的浏览器。

Answer 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;
}

Answer 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();

Answer 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
    }
});

Answer 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版本背后的理由......

Answer 5

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

Answer 6

这是我使用的，它适用于我：

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

Answer 7

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

Answer 8

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

Answer 9

function 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();
}

}

实例化XMLHttpRequest对象的最佳方法

9 个答案: