要监听加载进度,可以使用onreadystatechange
属性来监听XMLHttpRequest对象的状态变化。具体步骤如下:
var xhr = new XMLHttpRequest();
onreadystatechange
属性为一个回调函数,该函数会在XMLHttpRequest对象的状态发生变化时被调用。在回调函数中可以根据xhr.readyState
和xhr.status
属性的值来判断加载进度。以下是一个示例代码:xhr.onreadystatechange = function() {
if (xhr.readyState == 4) { // 请求已完成
if (xhr.status == 200) { // 请求成功
console.log('加载完成');
} else {
console.log('加载失败');
}
} else {
console.log('加载中');
}
};
open
和send
方法:xhr.open('GET', 'https://example.com/api/data', true);
xhr.send();
当XMLHttpRequest对象的状态发生变化时,回调函数会被调用,从而可以监听加载进度。