以下是一个简单的使用XMLHttpRequest的例子:
// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 配置请求,第一个参数是请求方法,第二个参数是请求的URL
xhr.open('GET', 'https://api.example.com/data', true);
// 指定当请求完成时调用的回调函数
xhr.onload = function () {
// 检查HTTP状态码
if (xhr.status >= 200 && xhr.status < 300) {
// 请求成功
console.log('Response:', xhr.responseText);
} else {
// 请求失败
console.error('Request failed. Status:', xhr.status, 'Text:', xhr.statusText);
}
};
// 指定当请求发生错误时调用的回调函数
xhr.onerror = function () {
console.error('Network error occurred');
};
// 发送请求
xhr.send();
上述代码创建了一个GET请求,请求URL为https://api.example.com/data。当请求完成时,通过检查HTTP状态码来确定请求的成功或失败,并分别调用相应的回调函数。
值得注意的是,现代JavaScript中,更常用的方法是使用Fetch API,它提供了更简单和强大的方式来进行异步HTTP请求。
以下是使用Fetch API的例子:
fetch('https://api.example.com/data')
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
console.log('Data:', data);
})
.catch(error => {
console.error('Fetch error:', error);
});
上述代码通过Fetch API发送GET请求,处理响应并解析JSON数据。Fetch API返回的是Promise对象,使得处理异步操作更加方便。
转载请注明出处:http://www.zyzy.cn/article/detail/14536/XML