使用jQuery促进"加载更多"分页的最佳方法是什么？

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>