懒惰加载无限滚动在mvc 3

Question

我使用接受页面大小和页面索引的存储过程来执行数据提取。

我希望能够从视图中调用动作方法List，其中包含页面大小和页面索引参数，这些参数将调用存储过程。

这是可行的。但我正试图用jquery延迟加载来做这件事。

因此，视图将首先在第一页中获取结果（假设页面大小= 10，页面索引= 1）。接下来，如果用户向下滚动，则将获取下一页，这意味着视图将调用List方法，页面大小= 20，页面索引= 1.这将计算，直到获取结果中的所有页面。 / p>

这种情况是否合理，如果是这样，如何使用jquery实现它？如果这种情况不合理，还有其他选择吗？

控制器：

[HttpPost]
    public ActionResult List(int pageSize, int pageIndex)
    { ... }

到目前为止我的jquery：

$(document).ready(function () {
    $("#search-button").click(function () {
        var url = '@Url.Action("List", "Home")';
        url = url + "?pageSize=10&pageIndex=1";
        $.post(url, function (data) {
            $('#listcontainer').fadeOut(0, function () {
                $('#listcontainer').html(data);
                $('#listcontainer').fadeIn('fast');
            });
        });
    });
});