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