实例化XMLHttpRequest对象的最佳方法

Question

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

它应该在所有有能力的浏览器中工作。

Answer 1

使用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 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

使用几乎任何JavaScript Ajax库最好是编写自己的Ajax框架 - 除非这是重点。您可能想查看jQuery或Prototype或MooTools或Dojo或[在此处插入姓名]框架，看看他们如何坚持自己编写自己的程序。

Answer 4

对于库少的解决方案，你可以很容易模仿原型的使用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 5

这是我使用的东西，它工作正常，我：

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

Answer 6

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

Answer 7

使用XMLHttpRequest.js - Standard-compliant cross-browser XMLHttpRequest object implementation并在standard (W3C)方式与对象工作

Answer 8

我建议以下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 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(); 
} 

}