浏览器兼容性改造之创建兼容性XHR

来源：互联网发布：mysql mssql 编辑：程序博客网时间：2024/05/22 10:51

1、问题描述

IE5是第一款引入XMLHttpRequest对象的浏览器。在IE5中，XMLHttpRequest对象是通过MSXML库中的一个ActiveX对象实现的。因此，在IE中可能遇到3中不同版本的XMLHttpRequest对象，即MSXML2.XMLHttp、MSXML2.XMLHttp.3.0和MSXML2.XMLHttp.6.0。要使用MSXML库中的XMLHttpRequest对象，需要创建一个通用的函数用以根据IE中可用的MSXML库情况创建最新版本的XMLHttpRequest对象。

2、解决方案

IE7、FireFox、Opera、Chrome和Safari都支持原生的XMLHttpRequest对象，在这些浏览器中创建XMLHttpRequest对象需要使用XMLHttpRequest构造函数：var xhr = new XMLHttpRequest();
因此，如果必须支持IE的早期版本，这可通过如下方式创建createXHR()函数，用于对所有支持XMLHttpRequest对象的浏览器，如下示例代码：

function createXHR() {if (typeof ActiveXObject !== "undefined") {createXHR = function() {if (typeof arguments.callee.activeXString != "string") {var versions = [ "MSXML2.XMLHttp.6.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp" ];for ( var i = 0, len = versions.length; i < len; i++) {try {var xhr = new ActiveXObject(versions[i]);arguments.callee.activeXString = versions[i];return xhr;} catch (error) {// TODO}}}return new ActiveXObject(arguments.callee.activeXString);};} else if (typeof XMLHttpRequest !== "undefined") {createXHR = function() {return new XMLHttpRequest();};} else {createXHR = function() {throw new Error("No XHR object avaliable.");};}return createXHR();}

3、参考

无。