温馨提示×

onreadystatechange如何监听加载进度

小樊
100
2024-07-02 16:51:40
栏目: 编程语言

要监听加载进度,可以使用onreadystatechange属性来监听XMLHttpRequest对象的状态变化。具体步骤如下:

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

当XMLHttpRequest对象的状态发生变化时,回调函数会被调用,从而可以监听加载进度。

0