1. 程式人生 > >Ajax流程物件的建立和相容處理(筆記)

Ajax流程物件的建立和相容處理(筆記)

 <button id="btn">查詢</button>
  <script>
    window.onload = function() {
      var oBtn = document.getElementById('btn');
      oBtn.onclick = function() {
          var xhr = new XMLHttpRequest();//開啟流浪器
          xhr.open('get','1.txt',true);//在位址列中輸入地址
          xhr.send();//提交
          xhr.onreadystatechange = function() {//等待伺服器返回內容
          if(xhr.readyState == 4) {
            alert(xhr.responseText);
            responseText: Ajax請求返回的內容就被存放到這個屬性下面(字串來的)
            readyState:ajax工作的狀態(有五個值,)
            onreadyStatechange(當狀態值發生改變的時候,觸發事件)
          }
        }
      }
    }

1、var xhr = new XMLHttpRequest() //建立ajax物件 (該物件在ie6以下有相容性問題,ie6以下為 new ActiveXObject('Microsoft.XMLHTTP')),以下方式可以相容ie6:

       var xhr = null;
        try {
          xhr = new XMLHttpRequest();
        }catch(e) {
          xhr = new ActiveXObject('Microsoft.XMLHTTP');
        }
var xhr = null;
if(window.XMLHttpRequest) {
    xhr = new XMLHttpRequest();
}else {
    xhr = new ActiveXObject('Microsoft.XMLHTTP');
}
2、open()方法有三個引數,第一個引數是開啟方式、第二個引數是地址、第三個引數是指是否非同步;