如何使用promises递归获取分页数据？_使用fetch递归加载分页数据_使用promises从多个来源获取数据 - 腾讯云开发者社区

如何使用promises递归获取分页数据？

基础概念

Promises 是 JavaScript 中用于处理异步操作的对象，它代表一个异步操作的最终完成（或失败）及其结果值。递归是一种编程技术，它允许函数调用自身来解决问题。

类型

这里涉及到两种类型：

Promises：用于处理异步操作。
递归函数：用于重复执行某个操作直到满足某个条件。

应用场景

当需要从服务器分页获取数据，并且不知道总页数时，可以使用 Promises 和递归结合来自动获取所有数据。

示例代码

以下是一个使用 Promises 和递归获取分页数据的示例：

// 假设我们有一个函数 fetchPageData(pageNumber)，它返回一个 Promise，该 Promise 在解析时提供一页数据。
function fetchPageData(pageNumber) {
  return new Promise((resolve, reject) => {
    // 这里应该是实际的数据获取逻辑，例如使用 fetch API 或 XMLHttpRequest
    setTimeout(() => {
      const data = { page: pageNumber, items: ['item1', 'item2', 'item3'] };
      resolve(data);
    }, 1000);
  });
}

// 递归函数来获取所有分页数据
async function getAllPagesData(initialPage = 1) {
  try {
    const currentPageData = await fetchPageData(initialPage);
    console.log('Current Page Data:', currentPageData);

    // 假设我们知道何时停止递归，例如当 items 数组为空时
    if (currentPageData.items.length === 0) {
      return;
    }

    // 递归调用自身获取下一页数据
    await getAllPagesData(initialPage + 1);
  } catch (error) {
    console.error('Error fetching data:', error);
  }
}

// 调用函数开始获取数据
getAllPagesData();