Javascript AngularJS服务器端鼠标滚动分页

Javascript AngularJS服务器端鼠标滚动分页,javascript,angularjs,grails,pagination,infinite-scroll,Javascript,Angularjs,Grails,Pagination,Infinite Scroll,我正在寻找一些技术,这将使我开始做服务器端分页鼠标滚动。我有一个大数据集,我想分块加载,然后在服务器端的鼠标滚动上动态加载更多数据。我遇到过,但这看起来像客户端。是否有任何方法可以帮助我开始使用它?ngInfiniteScroll()所做的是通过每次用户滚动时调用它来加载您的“后端”,因此您需要实现的是一个使用JSON(为了简单起见或xml或任何可以解析的语言)的、以您喜欢的语言编写的后端使用跳过和步骤的方法从“海量数据集”发送数据,其中跳过是跳过数据库索引的元素数,步骤是从要获取的跳过索引位置

我正在寻找一些技术,这将使我开始做服务器端分页鼠标滚动。我有一个大数据集,我想分块加载,然后在服务器端的鼠标滚动上动态加载更多数据。我遇到过,但这看起来像客户端。是否有任何方法可以帮助我开始使用它?

ngInfiniteScroll()所做的是通过每次用户滚动时调用它来加载您的“后端”,因此您需要实现的是一个使用JSON(为了简单起见或xml或任何可以解析的语言)的、以您喜欢的语言编写的后端使用跳过步骤的方法从“海量数据集”发送数据,其中跳过是跳过数据库索引的元素数,步骤是从要获取的跳过索引位置开始的数据库寄存器数

因此,请告诉我们您正在使用哪种数据库技术来实现无限滚动的skip/steps技术

即:

MongoDB有光标跳过功能(下面的url中有更多内容)


从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”更改为数据持久化的位置),并将它们添加到现有数组中,如示例中所示。那会使你清醒的。成功处理程序需要做一些工作,但除此之外,它几乎完成了。