如何使用axios从服务器获取有限的数据?

时间:2020-07-16 05:40:12

标签: javascript reactjs database axios

在Axios GET请求中,我如何设法仅从服务器获取一些数据。例如,我想显示存储在数据库中的各种博客,但是对于第1页,我只想获取前10个博客,然后当用户点击第2页时,我想在该页面的前10个博客条目之后获取10个博客。数据库。

2 个答案:

答案 0 :(得分:2)

在这里可以使用分页来获得所需的输出。

例如,假设您的博客网站共有5个页面,如下所示:
1 | 2 | 3 | 4 | 5

因此,在向后端提出请求时,您可以在每次用户提出请求时发送页码页面大小。 然后,在后端,您可以从数据库中拼接许多元素并将其返回给客户端。

如果用户正在请求页面,则可以在后端编写类似的内容。

DATABASE_RECORDS.splice(((pageNumber - 1) * pageSize) + 1, pageSize)

答案 1 :(得分:1)

我认为它的名称是分页。这里是一个关于React axios-React-pagination的教程。您不需要创建按钮,可以在用户到达页面底部时设置一个事件,然后加载它。您想举个例子,请立即提出评论。