繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Jquery在IE7下无法使用 $.ajax解决方法
- Javascript
- JQuery Tips(3) 关于$()包装集内元素的改变
- JavaScript 创建随机数和随机图片
- javascript document.execCommand() 常用解析
- firefox下对ajax的onreadystatechange的支持情况分析
- Javascript attachEvent传递参数的办法
- jQuery Attributes(属性)的使用(一、属性篇)
- jquery自动完成插件(autocomplete)应用之PHP版
- 查询绑定数据岛的表格中的文本并修改显示方式的js代码
- 讨论javascript(一)工厂方式 js面象对象的定义方法
- IE不支持option的display样式，只能使用remove和add
- 多浏览器兼容的获取元素和鼠标的位置的js代码
- js checkbox全选并将获取值放到input里边
- javascript 日期联动选择器 [其中的一些代码值得学习]
- javascript实现的仿51job地址多项选择方式效果
- jQuery 渐变下拉菜单
- 利用图片的 onerror 事件载入默认图片
- js实现页面打印功能实例代码(附去页眉页脚功能代码)
- JQuery读取XML文件数据并显示的实现代码
- 比较详细的关于javascript 解析json的代码
- TextArea 控件的最大长度问题(js json)
Javascript 中的 Jquery在IE7下无法使用 $.ajax解决方法
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 387 ::
收藏到网摘: n/a
今天在做系统测试的时候，原本用Jquery写了一个动态加载的树形菜单，发现在IE7下无法加载数据，(采用的是jquery1.3.2版本的$.ajax方法)，上网查询到原来是IE7的执行ajax是用XMLHTTPRequest来声明的，经过对比果然如此；后采用以下的方法随即解决了问题。 通过查看源码发现
复制代码 代码如下:
// 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都可以运行了。
总算是解决了。
评论 (0) All
