Promise中的XMLHttpRequest进度事件

function makeRequest(url) {
  return new Promise(function(resolve, reject) {
    var xhr = new XMLHttpRequest();
    
    xhr.addEventListener('loadstart', function() {
      // 处理请求开始事件
      // 显示加载动画或其他相关操作
    });
    
    xhr.addEventListener('progress', function(event) {
      // 处理请求过程中的事件
      // 实时显示请求进度，例如更新进度条
      var percent = (event.loaded / event.total) * 100;
      console.log('Progress: ' + percent + '%');
    });
    
    xhr.addEventListener('load', function() {
      // 处理请求成功完成事件
      // 更新页面内容或其他操作
      resolve(xhr.responseText);
    });
    
    xhr.addEventListener('error', function() {
      // 处理请求发生错误事件
      reject(new Error('Request failed'));
    });
    
    xhr.open('GET', url);
    xhr.send();
  });
}

// 使用示例
makeRequest('https://example.com/api/data')
  .then(function(response) {
    console.log('Response: ' + response);
  })
  .catch(function(error) {
    console.error('Error: ' + error.message);
  });