使用XMLHttpRequest
對象處理響應數據主要包括以下步驟:
XMLHttpRequest
對象實例:var xhr = new XMLHttpRequest();
xhr.open('GET', 'your-url-here', true);
onreadystatechange
事件會在請求狀態發生變化時被觸發:xhr.onreadystatechange = function() {
if (xhr.readyState === 4) { // 請求已完成,且響應已就緒
if (xhr.status === 200) { // 請求成功(HTTP狀態碼為200)
// 處理響應數據
console.log(xhr.responseText);
} else {
// 請求失敗,處理錯誤情況
console.error('Error: ' + xhr.status);
}
}
};
xhr.send();
以下是一個完整的示例:
// 創建XMLHttpRequest對象實例
var xhr = new XMLHttpRequest();
// 初始化請求
xhr.open('GET', 'your-url-here', true);
// 設置請求完成時的回調函數
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) { // 請求已完成,且響應已就緒
if (xhr.status === 200) { // 請求成功(HTTP狀態碼為200)
// 處理響應數據
var responseData = JSON.parse(xhr.responseText);
console.log(responseData);
} else {
// 請求失敗,處理錯誤情況
console.error('Error: ' + xhr.status);
}
}
};
// 發送請求
xhr.send();
請注意將your-url-here
替換為實際的URL。如果需要處理JSON數據,可以使用JSON.parse()
方法將響應文本轉換為JavaScript對象。如果響應的是XML數據,可以使用DOMParser
來解析。