建立相容IE6瀏覽器的ajax請求物件

admin發表於2017-02-10
瀏覽器物件
IE6是一個討人厭煩的瀏覽器，雖然在一段很長的時間內，它是最好的。

但是隨著技術的發展和時間的推移，它早應該被淘汰，但是由於各種原因，在中國的使用者依然龐大。

所以很多事件都不能夠將其忽略，下面就介紹一下如何建立相容IE6的XMLHttpRequest物件。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
var xmlhttp;
if (window.XMLHttpRequest){
  xmlhttp=new XMLHttpRequest();
}
else{  
  //為了相容IE5和IE6瀏覽器
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

上面實現了建立相容IE6的XMLHttpRequest物件。

完整的程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script>
function loadXMLDoc(){
  var xmlhttp;
  if (window.XMLHttpRequest){
    xmlhttp=new XMLHttpRequest();
  }
  else{
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function(){
    if(xmlhttp.readyState==4 && xmlhttp.status==200){
      document.getElementById("show").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET","demo/ajax/txt/demo.txt",true);
  xmlhttp.send();
}
window.onload=function(){
  var obt=document.getElementById("bt");
  obt.onclick=function(){
    loadXMLDoc();
  }
}
</script>
</head>
<body>
<div id="show"><h2>原來的內容</h2></div>
<button type="button" id="bt">檢視效果</button>
</body>
</html>

相關文章