javascript - 通过 CRUD API 分页

Question

我正在编写一个将查询 CRUD Web API 的客户端。我将使用 socket.io.get('/api')。问题是:我想对结果进行分页，这样我就可以在客户端仍在接收数据时开始显示内容。

API 的结果以 JSON 形式出现，例如

[
  {
    "id": "216754",
    "date": "2015-07-30T02:00:00.000Z"
  },
  {
    "id": "216755",
    "date": "2015-08-30T02:00:00.000Z"
  }
]

API 让我可以构建一个 URL 查询，我可以在其中限制每个结果数组的大小。所以我可以像 /api&skip=10&limit=10 这样查询，它会得到第 10 项到第 19 项的结果。我想要做的是保持循环 并接收结果直到结果数组小于 length = 10(这意味着我们到达了数据集的末尾)。我需要它是异步的，这样我就可以从一开始就开始处理数据，并在每次收到新页面时更新我所做的任何工作。

Answer 1

你想做的是无限滚动吗？或者你想异步调用所有的页面并且能够在第2页之前收到第3页？看了题目，明白是第二个。

您不能依赖“直到结果数组小于长度 = 10”，因为您希望同时启动所有调用。

您应该执行第一个查询以检索记录数。然后你将能够知道有多少页面，你可以生成你需要的所有 url 并异步调用它们。

它可能看起来像这样(代码未经测试):

var nbItemsPerPage = 10;

socket.io.get(
  '/api/count',  // <= You have to code the controller that returns the count
  function(resCount) {
    nbPages = resCount / nbItemsPerPage;
    for (var i=0; i<nbPages; i++) {
      // Javascript will loop without waiting for the responses
      (function (pageNum) {
        socket.io.get(
          '/api',
          {skip:nbItemsPerPage*pageNum, limit=nbItemsPerPage},
          function (resGet) {
            console.log('Result of page ' + pageNum + ' received');
            console.log(resGet);
          }
      )(i);  // <= immediate function, passing "i" as an argument
             // Indeed, when the callback function will be executed, the value of "i" will have changed
             // Using an immediate function, we create a new scope to store pageNum for every loop
    }
  }
)  

---

如果您要归档的是一个无限滚动页面，那么您必须在收到页面 n 的内容后才加载该页面 n+1你可以依靠 results.length < 10