溫馨提示×

AJAX中XMLHttpRequest對象怎么使用

小億
107
2023-09-13 00:46:35
欄目: 編程語言

在AJAX中,XMLHttpRequest對象的使用如下:

  1. 創建一個XMLHttpRequest對象:
var xhr = new XMLHttpRequest();
  1. 設置請求的方法和URL:
xhr.open('GET', 'example.com/data', true); // true表示使用異步請求
  1. 設置回調函數,處理請求的結果:
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) { // 請求完成
if (xhr.status === 200) { // 請求成功
console.log(xhr.responseText); // 處理返回的數據
} else {
console.log('請求失敗');
}
}
};
  1. 發送請求:
xhr.send();

在上述代碼中,xhr.onreadystatechange是一個事件處理函數,它會在請求的狀態發生改變時被觸發。在請求完成后(xhr.readyState等于4),通過xhr.status來判斷請求是否成功。如果成功,可以通過xhr.responseText來獲取返回的數據。

注意:在使用XMLHttpRequest對象時,可以通過xhr.setRequestHeader()方法來設置請求頭部信息,也可以通過xhr.getAllResponseHeaders()方法來獲取服務器返回的頭部信息。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女