javascript - 使用 jQuery 促进 "Load More"分页的最佳方法是什么？

Question

我在页面上显示搜索结果列表。在最底部，我想放置一个“加载更多”链接，将更多结果附加到页面上的现有结果，并将“加载更多”链接的参数更改为下一页，这样如果用户单击它，下一页将附加到这一页。在加载结果时显示“请稍候”或一些消息也很好。

使用 jQuery 执行此操作的最常见和最实用的方法是什么？

谢谢!

Answer 1

我使用类似于以下内容的内容。这是对我的工作解决方案的简化，省略了不相关的点点滴滴。希望这可以帮助您入门:

function loadMore(pageNo) {
    $("#loading").html('Loading...').show();
    var url = '/foo/';
    $.get(url, {pageNo: pageNo}, function(response) {
        $("#results").append(response);
        $("#loading").hide();
    });
}

$(document).ready(function() {
    var currPage = 1;
    $("a.next").click(function() {
        loadMore(++currPage);
    });
});

<a class="next">More results</a>