如何在模型中显示使用fetch api和javascript获取的用户列表中的用户配置文件

fetch('https://example.com/api/users')
  .then(response => response.json())
  .then(data => {
    // 在这里处理获取到的用户列表数据
  })
  .catch(error => {
    // 处理请求错误
  });

fetch('https://example.com/api/users')
  .then(response => response.json())
  .then(data => {
    const userListElement = document.getElementById('user-list');
    data.forEach(user => {
      const userElement = document.createElement('div');
      userElement.textContent = user.name;
      userListElement.appendChild(userElement);
    });
  })
  .catch(error => {
    // 处理请求错误
  });

fetch('https://example.com/api/users')
  .then(response => response.json())
  .then(data => {
    const userListElement = document.getElementById('user-list');
    data.forEach(user => {
      const userElement = document.createElement('div');
      userElement.textContent = user.name;
      userListElement.appendChild(userElement);

      fetch(user.profileUrl)
        .then(response => response.json())
        .then(profileData => {
          // 在这里处理获取到的用户配置文件数据
        })
        .catch(error => {
          // 处理请求错误
        });
    });
  })
  .catch(error => {
    // 处理请求错误
  });