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

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、参考

    无。