Jquery在IE7下無法使用 $.ajax解決方案

最後更新：2018-12-08 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

通過查看源碼發現複製代碼代碼如下:// 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都可以運行了。
總算是解決了。

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More