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 相关文章推荐
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
Nov 30 Javascript
js判断上传文件的类型和大小示例代码
Oct 18 Javascript
xcode中获取js文件的路径方法(推荐)
Nov 05 Javascript
Bootstrap CSS组件之分页(pagination)和翻页(pager)
Dec 17 Javascript
微信小程序左右滑动切换页面详解及实例代码
Feb 28 Javascript
jquery dataTable 后台加载数据并分页实例代码
Jun 07 jQuery
Vue的百度地图插件尝试使用
Sep 06 Javascript
JS实现在文本指定位置插入内容的简单示例
Dec 22 Javascript
微信小程序实现流程进度的图样式功能
Jan 16 Javascript
jQuery实现鼠标响应式透明度渐变动画效果示例
Feb 13 jQuery
如何检查一个对象是否为空
Apr 11 Javascript
Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置
May 27 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获取数组中某元素的位置及array_keys函数应用
2013/01/29 PHP
Thinkphp框架+Layui实现图片/文件上传功能分析
2020/02/07 PHP
PHP实现简单的计算器
2020/08/28 PHP
js计数器代码
2006/11/04 Javascript
如何实现动态删除javascript函数
2007/05/27 Javascript
js关闭浏览器窗口及检查浏览器关闭事件
2013/09/03 Javascript
JS的get和set使用示例
2014/02/20 Javascript
自己动手写的jquery分页控件(非常简单实用)
2015/10/28 Javascript
解决js图片加载时出现404的问题
2020/11/30 Javascript
AngularJS使用angular.bootstrap完成模块手动加载的方法分析
2017/01/19 Javascript
原生js实现新闻列表展开/收起全文功能
2017/01/20 Javascript
js常用的继承--组合式继承
2017/03/06 Javascript
详解webpack2+React 实例demo
2017/09/11 Javascript
JS实现登录页密码的显示和隐藏功能
2017/12/06 Javascript
详解Vue.js iview实现树形权限表(可扩展表)
2018/09/30 Javascript
JS中的算法与数据结构之队列(Queue)实例详解
2019/08/20 Javascript
vue中动态select的使用方法示例
2019/10/28 Javascript
js实现单元格拖拽效果
2020/02/10 Javascript
[03:02]辉夜杯主赛事第二日 每日之星
2015/12/27 DOTA
Flask框架的学习指南之用户登录管理
2016/11/20 Python
python使用PIL模块获取图片像素点的方法
2019/01/08 Python
Python实现九宫格式的朋友圈功能内附“马云”朋友圈
2019/05/07 Python
OpenCV搞定腾讯滑块验证码的实现代码
2019/05/18 Python
python处理自动化任务之同时批量修改word里面的内容的方法
2019/08/23 Python
python 命令行传入参数实现解析
2019/08/30 Python
Django用数据库表反向生成models类知识点详解
2020/03/25 Python
Python3.7安装pyaudio教程解析
2020/07/24 Python
Perfumetrader荷兰:香水、化妆品和护肤品在线商店
2017/09/15 全球购物
Lookfantastic美国/加拿大:英国知名美妆购物网站
2019/03/27 全球购物
介绍一下木马病毒的种类
2015/07/26 面试题
批评与自我批评总结
2014/10/17 职场文书
小学优秀教师先进事迹材料
2014/12/16 职场文书
推广普通话主题班会
2015/08/17 职场文书
2016圣诞节贺卡寄语
2015/12/07 职场文书
《用字母表示数》教学反思
2016/02/17 职场文书
mysql 8.0.24版本安装配置方法图文教程
2021/05/12 MySQL