要監控XMLHttpRequest的進度,可以使用XMLHttpRequest對象的progress事件。通過監聽progress事件,可以實時獲取請求的進度信息。
以下是一個簡單的示例代碼:
var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/api/data', true);
xhr.onload = function() {
// 請求完成時的處理
};
xhr.onprogress = function(e) {
if (e.lengthComputable) {
var percentComplete = (e.loaded / e.total) * 100;
console.log('Progress: ' + percentComplete + '%');
}
};
xhr.send();
在上面的代碼中,通過監聽xhr對象的onprogress事件,可以獲取到當前請求的進度信息。使用e.loaded和e.total屬性可以獲取已加載的字節數和總字節數,從而計算出當前進度的百分比。
需要注意的是,要在send()方法之前設置onprogress事件處理程序,以確保能夠捕獲到請求進度的更新。