如何乘以方法调用的数量来获取下一页数据(无限滚动分页)

// 定义一个变量来存储当前页码
let currentPage = 1;

// 调用方法获取第一页数据
getData(currentPage);

// 监听页面滚动事件
window.addEventListener('scroll', function() {
  // 获取页面的滚动高度、页面总高度和窗口高度
  const scrollHeight = document.documentElement.scrollHeight;
  const clientHeight = document.documentElement.clientHeight;
  const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

  // 判断是否需要加载下一页数据
  if (scrollTop + clientHeight >= scrollHeight) {
    // 增加页码
    currentPage++;
    // 调用方法获取下一页数据
    getData(currentPage);
  }
});

// 调用方法获取数据的函数
function getData(page) {
  // 发起请求获取数据，可以使用Ajax、Fetch或其他方式
  // 这里假设使用Ajax请求数据
  const xhr = new XMLHttpRequest();
  xhr.open('GET', '/api/data?page=' + page, true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      const data = JSON.parse(xhr.responseText);
      // 将获取到的数据追加到页面上
      appendData(data);
    }
  };
  xhr.send();
}

// 将数据追加到页面上的函数
function appendData(data) {
  // 根据数据生成HTML内容，并将其追加到页面上的列表或容器中
  // 这里假设有一个id为"list"的列表
  const list = document.getElementById('list');
  data.forEach(function(item) {
    const listItem = document.createElement('li');
    listItem.textContent = item.title;
    list.appendChild(listItem);
  });
}