Ajax流程物件的建立和相容處理(筆記)
阿新 • • 發佈:2018-10-31
<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');
}
2、open()方法有三個引數,第一個引數是開啟方式、第二個引數是地址、第三個引數是指是否非同步;var xhr = null; if(window.XMLHttpRequest) { xhr = new XMLHttpRequest(); }else { xhr = new ActiveXObject('Microsoft.XMLHTTP'); }