使用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
来解析。