asp.net-mvc-3 - 如何在 Mvc3 中向下滚动时加载数据库表

Question

大家好，我有一个表，它有一个大容量数据和一个显示这些数据的屏幕..我想像这样向用户显示数据

如果用户进入此屏幕，我只需要显示我的数据库的前 20 条记录，当他想查看更多并向下滚动时，应在向下滚动时加载数据，我应该再次向他显示其他 20 条记录我的数据库..所以当他向下滚动页面时应该加载该数据应该填充到页面

我一直在寻找这个，但没有得到我想要的……或者我该怎么做……谁能告诉我我该怎么做……

Answer 1

Rob Conery 写了一篇很棒的博客文章

他使用 JQuery 对他的控制器进行 ajax 调用以加载更多数据。这是他用来加载更多内容的方法：

<script type="text/javascript">
    $(window).scroll(function() {
        if ($(window).scrollTop() == $(document).height() - $(window).height()) {
            loadMore();
        }
    });
var current=0;
function loadMore() {

    if (current > -1) {
        current++;

        $('#loading').html("<img src='/content/images/bigloader.gif' />");
        $.get("/archive/index/" + current,
        function(data) {

            if (data != '') {
                $('#results').append(data);
                $('#loading').empty();
            } else {
                current = -1;
                $('#loading').html("<h3><i>-- No more results -- </i></h3>");
            }


        });
    }
}
</script>