Javascript AngularJS服务器端鼠标滚动分页
我正在寻找一些技术,这将使我开始做服务器端分页鼠标滚动。我有一个大数据集,我想分块加载,然后在服务器端的鼠标滚动上动态加载更多数据。我遇到过,但这看起来像客户端。是否有任何方法可以帮助我开始使用它?ngInfiniteScroll()所做的是通过每次用户滚动时调用它来加载您的“后端”,因此您需要实现的是一个使用JSON(为了简单起见或xml或任何可以解析的语言)的、以您喜欢的语言编写的后端使用跳过和步骤的方法从“海量数据集”发送数据,其中跳过是跳过数据库索引的元素数,步骤是从要获取的跳过索引位置开始的数据库寄存器数 因此,请告诉我们您正在使用哪种数据库技术来实现无限滚动的skip/steps技术 即: MongoDB有光标跳过功能(下面的url中有更多内容)Javascript AngularJS服务器端鼠标滚动分页,javascript,angularjs,grails,pagination,infinite-scroll,Javascript,Angularjs,Grails,Pagination,Infinite Scroll,我正在寻找一些技术,这将使我开始做服务器端分页鼠标滚动。我有一个大数据集,我想分块加载,然后在服务器端的鼠标滚动上动态加载更多数据。我遇到过,但这看起来像客户端。是否有任何方法可以帮助我开始使用它?ngInfiniteScroll()所做的是通过每次用户滚动时调用它来加载您的“后端”,因此您需要实现的是一个使用JSON(为了简单起见或xml或任何可以解析的语言)的、以您喜欢的语言编写的后端使用跳过和步骤的方法从“海量数据集”发送数据,其中跳过是跳过数据库索引的元素数,步骤是从要获取的跳过索引位置
从infinite scroll开始,您可以使用以下命令并更改
loadMore()
方法,以便它像这样调用服务器端
$scope.loadMore = function () {
$http.get('/someUrl').
success(function (data, status, headers, config) {
$scope.items.push(data);
}).
error(function (data, status, headers, config) {
// called asynchronously if an error occurs
// or server returns response with an error status.
});
};
刚刚实现了nginfiniteScroll模块!只要您的API端点接受
页面
类型查询参数,就应该工作得很好!如果您愿意,我可以链接我的示例。这绝对是客户机/服务器的组合。我想修改我的API,以限制最初的加载,并在稍后的鼠标滚动加载更多(因为目前加载所有内容需要花费大量时间)。是的,我肯定可以看看你的例子。你可以把你的结果集限制在一个特定的计数范围内!这是我的例子。您所说的页面类型查询是什么意思?在滚动上,查询需要更改,以便请求获取下一组数据。因此,类似于get。(“users/?p=1”)
的内容会在到达页面底部时增加p
查询<代码>获取。(“users/?p=2”)这就是请求获取新结果集的方式。使用grails与Oracle您可以使用此插件“”关注“remoteNonStopPageScroll”嘿,我使用了类似的方法,但每次加载时,滚动条都会返回顶部。是因为may在我的loadMore中调用了一个rest服务来刷新页面的整个部分吗?你不应该真的刷新所有页面。只需通过angularJs$http服务获取下一个项目(将“/someurl”更改为数据持久化的位置),并将它们添加到现有数组中,如示例中所示。那会使你清醒的。成功处理程序需要做一些工作,但除此之外,它几乎完成了。