如何使用主干分批获取数据以进行“无限滚动”?

Posted

技术标签:

【中文标题】如何使用主干分批获取数据以进行“无限滚动”?【英文标题】:How do I fetch data in batches using backbone for an "infinite scroll"? 【发布时间】:2013-06-25 04:27:19 【问题描述】:

我正在尝试使用 Backbone 从 mysql(使用基于 php 的 API)中获取数据。不过,我想分批检索 20 个项目。例如,我有 10,000 条记录,但只想在页面加载时显示 20 条记录。当用户向下滚动时,我想在每次到达页面底部时加载接下来的 20 个。我的查询不是按 ID 排序(按设计),因此可能会增加一层复杂性。这在 Backbone 中怎么可能实现?

【问题讨论】:

【参考方案1】:

我推荐使用这个插件https://github.com/backbone-paginator/backbone.paginator

【讨论】:

是的,一直在看这个,并且可以很好地连接到我的 API,但不确定如何设置 API 获取请求以响应分页器发送的内容(我正在发送数据json,而不是 jsonp。 这不是问题,你可以在paginator_core对象中配置你的查询。只需删除dataType: 'jsonp' - 无限分页示例addyosmani.github.io/backbone.paginator/examples/…。 谢谢。但是分页器如何修改我的 MySQL 脚本,使其一次只能从数据库中提取 20 个项目?它是这样工作的吗?是否需要根据查询参数在我的sql语句中设置LIMIT? 哦,这是另一个问题。我不是后端开发人员,在这种情况下无法向您推荐如何实现服务器 API。请看这个问题***.com/questions/13872273/… 不用担心。感谢您的帮助。

以上是关于如何使用主干分批获取数据以进行“无限滚动”?的主要内容,如果未能解决你的问题,请参考以下文章

如何使边框布局中心区域无限滚动?

如何实现无限滚动插件以从数据库自动加载更多页面滚动数据?

如何使Horizo​​ntal Recyclerview无限滚动而不滚动回第一项

如何使自定义网站无限滚动更改 URL?

如何在jQuery中无限水平滚动图像?

如何实现无限滚动列表视图