当API的商品数量有限时,Vue过滤JSON对象

时间:2018-11-04 17:17:09

标签: javascript json api filtering axios

我正在从API中提取一个JSON对象,其上限为200。我们目前正在做的是这样提取前200个对象:

https://testapi.com/posts.json

我们在此应用中使用分页,每页10条信息。因此,一旦进入第20页,API URL将更改为:

 https://testapi.com/posts-2.json

这样,我们将提取下200个帖子。我遇到的问题是使用过滤方法时将其设置为撤回帖子的最佳方法。因此,存在用于用户的过滤输入,当选择它们时,将在JSON对象上运行JS过滤方法。但是,我不确定如何对应用程序进行编程以一次从多个API URL中进行过滤,然后将结果组合起来以显示过滤后的帖子列表。

我正在使用Axios从API提取数据。

1 个答案:

答案 0 :(得分:0)

您可以使用https://firebase.google.com/docs/auth/web/password-auth,它可以将数据库作为JSON文件导入。您可以使用其JavaScriptSDK(也支持从一开始就进行分页)提取帖子:

db.ref('posts').startAt(0).endAt(100)

这将返回您的前100篇帖子。

您也可以非常轻松地进行过滤。这是获取最多查看帖子的示例:

var mostViewedPosts = db.ref('posts').orderByChild('metrics/views');