惰性思想处理Ajax低版本IE兼容问题
2016-06-17 20:30
232 查看
博客管理
惰性思想处理Ajax低版本IE兼容问题
function createXHR() {
//->首先把我们在不同浏览器中创建XHR的操作分成四个方法分别存在一个数组中
var xhr = null,
ary = [
function () {
return new XMLHttpRequest;
},
function () {
return new ActiveXObject(“Microsoft.XMLHTTP”);
},
function () {
return new ActiveXObject(“Msxml2.XMLHTTP”);
},
function () {
return new ActiveXObject(“Msxml3.XMLHTTP”);
}
];
//->第二步:循环数组中的每一个方法,让这些方法执行,如果执行不出现错误,说明这个小方法可以在当前的浏览器中创建XHR,反之如果执行报错,说明不可以,我们则继续执行后续的方法…
for (var i = 0, len = ary.length; i < len; i++) {
var curFn = ary[i];
try {
xhr = curFn();
} catch (e) {
//->执行报错,继续验证数组中的下一个方法
continue;
}
//->执行没有报错,不需要在验证后续的方法了,结束循环即可;除此之外,我们用当前的这个小方法把我们的大方法createXHR替换掉,第二次在执行createXHR这个方法,直接执行的就是我们的这小方法了
createXHR = curFn;
break;
}
return xhr;
}
惰性思想处理Ajax低版本IE兼容问题
function createXHR() {
//->首先把我们在不同浏览器中创建XHR的操作分成四个方法分别存在一个数组中
var xhr = null,
ary = [
function () {
return new XMLHttpRequest;
},
function () {
return new ActiveXObject(“Microsoft.XMLHTTP”);
},
function () {
return new ActiveXObject(“Msxml2.XMLHTTP”);
},
function () {
return new ActiveXObject(“Msxml3.XMLHTTP”);
}
];
//->第二步:循环数组中的每一个方法,让这些方法执行,如果执行不出现错误,说明这个小方法可以在当前的浏览器中创建XHR,反之如果执行报错,说明不可以,我们则继续执行后续的方法…
for (var i = 0, len = ary.length; i < len; i++) {
var curFn = ary[i];
try {
xhr = curFn();
} catch (e) {
//->执行报错,继续验证数组中的下一个方法
continue;
}
//->执行没有报错,不需要在验证后续的方法了,结束循环即可;除此之外,我们用当前的这个小方法把我们的大方法createXHR替换掉,第二次在执行createXHR这个方法,直接执行的就是我们的这小方法了
createXHR = curFn;
break;
}
return xhr;
}
相关文章推荐
- Ajax
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- 使用Ajax实现异步用户名验证
- 使用ajax实现用户登录验证(升级版)
- 解决Ajax悬停效果,无法遮蔽FLASH的问题
- 再谈Jquery Ajax方法传递到action(补充)
- Dom在ajax技术中的作用说明
- AJAX实现瀑布流触发分页与分页触发瀑布流的方法
- 使用Ajax实时检测"用户名、邮箱等"是否已经存在
- 探讨Ajax中同步与异步之间的区别
- ajax中data传参的两种方式分析
- 原生AJAX写法实例分析
- 探秘ajax跨域请求
- Ajax实现简单下拉选项效果【推荐】
- JQuery ajax返回JSON时的处理方式 (三种方式)
- Ajax中浏览器和服务器交互详解
- jQuery AJAX实现调用页面后台方法
- ajax实现点击不同的链接让返回的内容显示在特定div里
- ajax 动态传递jsp等页面使用id辨识传递对象