Jquery在IE7下无法使用 $.ajax解决方法


Posted in Javascript onNovember 11, 2009

通过查看源码发现

// Create the request object; Microsoft failed to properly 
// implement the XMLHttpRequest in IE7, so we use the ActiveXObject when it is available 
// This function can be overriden by calling jQuery.ajaxSetup 
xhr:function(){ 
return window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest(); 
},

以下是这个jquery的源码的版本声明
/* 
* jQuery JavaScript Library v1.3.2 
* http://jquery.com/ 
* 
* Copyright (c) 2009 John Resig 
* Dual licensed under the MIT and GPL licenses. 
* http://docs.jquery.com/License 
* 
* Date: 2009-02-19 17:34:21 -0500 (Thu, 19 Feb 2009) 
* Revision: 6246 
*/

通过一个html打印“window.ActiveXObject ”的结果可以知道IE6、IE7和IE8都是返回的true,
测试的html源码为(同一个目录下有一个名为index.jsp页面,内容无所谓。)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Insert title here</title> 
<script type="text/javascript" src="javascript/jquery.js"></script> 
<script type="text/javascript"> 
$(function (){ 
$.ajax({ 
url:"index.jsp", 
success:function(){alert("success")}, 
error:function(){alert("error")} 
}); 
//$("div").append("<font color='red'>window.ActiveXObject:</font>"); 
//$("div").append((window.ActiveXObject?"true":"false")); 
//alert(typeof(new XMLHttpRequest())); 
//alert(typeof(new ActiveXObject("Msxml2.XMLHTTP.4.0"))); 
//alert(typeof(new ActiveXObject("Msxml2.XMLHTTP"))); 
//alert(typeof(new ActiveXObject("Microsoft.XMLHTTP"))); 
}); 
</script> 
</head> 
<body> 
<div></div> 
</body> 
</html>

情况一:
不修改源码,则IE6中可以弹出“success”的提示,而IE7却没有任何提示,连错误提示都没有。
情况二:
将源码中的
window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
修改为
window.ActiveXObject ? new XMLHttpRequest() : new XMLHttpRequest();
则IE7中是弹出“success”的提示,而IE6却提示js错误,详情大概为”XMLHttpRequest对象未定义“
两种情况下FireFox都可以正常提示“success”,版本是FireFox3.5.3,其他浏览器不知道。
由此可见IE7中需要使用new XMLHttpRequest()初始化ajax对象,IE6则使用new ActiveXObject("Microsoft.XMLHTTP")
但是jQuery源码中却没有对IE7的初始化方法进行兼容,而官网上的兼容说明是IE6+。
难道是我理解错误,还是其他的什么?希望大家给点意见,jQuery很好用,但是我不能要求客户必须用IE6,而放弃IE7啊!
最后多一句:
prototype最新版1.6.1也是同样的问题IE7下的Ajax.Request是没有作用的,需要将源码的1130行左右的
var Ajax = { 
getTransport: function() { 
return Try.these( 
function() {return new XMLHttpRequest()}, 
function() {return new ActiveXObject('Msxml2.XMLHTTP')}, 
//function() {return new ActiveXObject('Msxml2.XMLHTTP.4.0')}, 
function() {return new ActiveXObject('Microsoft.XMLHTTP')} 
) || false; 
},

进行修改,注释的那个部分是需要添加的修改。
这样才可以在IE7下使用这个ajax请求方法。
可是大家粗略的看一下,这里面的ajax初始化是先使用new XMLHttpRequest()创建,那就是说,
如果我不修改的话IE7应该也是可以的。
注:最后这个多一句的IE7兼容办法是在网络上搜索到的
以上就是我今天研究的结果,弄的我很糊涂,到底这个IE6、IE7和IE8全面兼容的jQuery的到底怎么实现(不能影响FireFox等等哦)
如果结论是:
由此可见IE7中需要使用new XMLHttpRequest()初始化ajax对象,IE6则使用new ActiveXObject("Microsoft.XMLHTTP")
那么prototype中的又怎么解释?
我已经糊涂了,希望大家指点一二!
刚才又搜索了一下关于XMLHttpRequest的创建方法,最后将源码修改为
return window.XMLHttpRequest? new XMLHttpRequest() : window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
则IE6\7\8和FF都可以运行了。
总算是解决了。
Javascript 相关文章推荐
Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法
Aug 08 Javascript
javascript对JSON数据排序的3个例子
Apr 12 Javascript
js实现圆盘记速表
Aug 03 Javascript
jQuery解决浏览器兼容性问题案例分析
Apr 15 Javascript
angular十大常见问题
Mar 07 Javascript
jQuery表单设置值的方法
Jun 30 jQuery
基于zepto.js实现登录界面
Oct 09 Javascript
浅谈vue单一组件下动态修改数据时的全部重渲染
Mar 01 Javascript
学习React中ref的两个demo示例
Aug 14 Javascript
js html实现计算器功能
Nov 13 Javascript
微信小程序利用button控制条件标签的变量问题
Mar 15 Javascript
原生js实现贪吃蛇游戏
Oct 26 Javascript
jQuery 白痴级入门教程
Nov 11 #Javascript
Javascript 解疑
Nov 11 #Javascript
不一样的文字闪烁 轮番闪烁
Nov 11 #Javascript
jquery 输入框数字限制插件
Nov 10 #Javascript
通过隐藏option实现select的联动效果
Nov 10 #Javascript
Riot.js 快速的JavaScript单元测试框架
Nov 09 #Javascript
asp.net HttpHandler实现图片防盗链
Nov 09 #Javascript
You might like
基于PHP 面向对象之成员方法详解
2013/05/04 PHP
PHP中执行cmd命令的方法
2014/10/11 PHP
从刷票了解获得客户端IP的方法
2015/09/21 PHP
php中json_encode不兼容JSON_UNESCAPED_UNICODE的解决方案
2016/05/31 PHP
php微信高级接口群发 多客服
2016/06/23 PHP
简单谈谈 php 文件锁
2017/02/19 PHP
MultiSelect左右选择控件的设计与实现介绍
2013/06/08 Javascript
jquery中常用的SET和GET$(”#msg”).html循环介绍
2013/10/09 Javascript
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
2014/01/14 Javascript
jquery动态调整div大小使其宽度始终为浏览器宽度
2014/06/06 Javascript
js面向对象编程之如何实现方法重载
2014/07/02 Javascript
Javascript学习笔记之数组的构造函数
2014/11/23 Javascript
javascript动态创建及删除元素的方法
2014/12/22 Javascript
基于JavaScript实现移动端TAB触屏切换效果
2015/10/20 Javascript
angularjs表格ng-table使用备忘录
2016/03/09 Javascript
JavaScript中 ES6 generator数据类型详解
2016/08/11 Javascript
详解Javascript几种跨域方式总结
2017/02/27 Javascript
JS触摸事件、手势事件详解
2017/05/04 Javascript
jQuery中clone()函数实现表单中增加和减少输入项
2017/05/13 jQuery
VUE中的无限循环代码解析
2017/09/22 Javascript
ionic2中使用自动生成器的方法
2018/03/04 Javascript
jQuery实现的淡入淡出与滑入滑出效果示例
2018/04/18 jQuery
Vue.js中使用Vuex实现组件数据共享案例
2020/07/31 Javascript
JavaScript array常用方法代码实例详解
2020/09/02 Javascript
python中sleep函数用法实例分析
2015/04/29 Python
基于Python对数据shape的常见操作详解
2018/12/25 Python
利用python脚本如何简化jar操作命令
2019/02/24 Python
pyinstaller打包多个py文件和去除cmd黑框的方法
2019/06/21 Python
深入了解python中元类的相关知识
2019/08/29 Python
解决django中form表单设置action后无法回到原页面的问题
2020/03/13 Python
Python是怎样处理json模块的
2020/07/16 Python
css3的@media属性实现页面响应式布局示例代码
2014/02/10 HTML / CSS
Groupon法国官方网站:特卖和网上购物高达-70%
2019/09/02 全球购物
批评与自我批评总结
2014/10/17 职场文书
欠款证明
2015/06/24 职场文书
python读取并查看npz/npy文件数据以及数据显示方法
2022/04/14 Python