一个简单的 jquery.pager 分页的例子

直接贴代码了：

///<summary>得到数据，并且显示</summary>
///<param name="pageIndex">当前页的页码，最小值为1</param>
///<param name="pageSize">每页显示的记录数，最小值为1</param>
///<param name="searchText">要搜索的配料标题关键字</param>
function GetDataAndShow(pageIndex, pageSize, searchText)
{
    $("#pager").empty().append("正在加载，请稍后...");
    $.getJSON("HandlerFoodList.ashx", { "PageIndex": pageIndex, "PageSize": pageSize, "SearchTitle": searchText, "RandomNumber": Math.random() }, function(data)
    {
        if (data.Status == true)
        {
            var recordCount = data.RecordCount;
            $("#olContainer").empty();
            $("#pager").empty();
            var tempHTMLCode;
            var noPicPath = "/skin/blue/Nopic.gif";

            $(data.ReturnData).each(function()
            {
                tempHTMLCode = "<li id=\"liItem" + this.Id + "\" onclick=\"ModifySelected(" + this.Id + ",'" + this.Title + "');\"><a href=\"javascript:void(0);\" title='" + this.Title + "'><img src='";
                if (this.ImageExists == true)
                {
                    tempHTMLCode += this.ImagePath;
                }
                else
                {
                    tempHTMLCode += noPicPath;
                }
                tempHTMLCode += "' alt='" + this.Title + "' class='img' /><span class='c666' title='" + this.Title + "'>";
                if (this.Title.length > 9)
                {
                    tempHTMLCode += this.Title.substr(0, 9) + "..";
                }
                else
                {
                    tempHTMLCode += this.Title;
                }
                tempHTMLCode += "</span></a></li>";
                $("#olContainer").append(tempHTMLCode);
            });

            var pageCount = recordCount % pageSize == 0 ? (recordCount / pageSize) : (recordCount / pageSize + 1);
            $("#pager").pager({ pagenumber: pageIndex, pagecount: pageCount, buttonClickCallback: function(newIndex) { GetDataAndShow(newIndex, pageSize, searchText); } });
        }
        else
        {
            $("#olContainer").empty();
            $("#pager").empty().append("没有数据！");
        }
    },"json");
}
$(document).ready(function()
{
    var pageSize = 10; //每页显示的记录数
    $("#btnSearch").click(function()
    {
        var searchText = $.trim($("#txtSearchTitle").val());
        if (searchText == txtSearchTitleInitValue)
        {
            searchText = "";
        }
        GetDataAndShow(1, pageSize, searchText);
    });
    GetDataAndShow(1, pageSize, "");
});

PS：Demo 不能运行，仅供提供思路，谢谢！

Demo 下载：https://files.cnblogs.com/Music/jQueryPagerDemo.rar

谢谢浏览！