// ajax封裝
var myAjax = {
    /*data url地址 type 請求方式 */
    ajaxPages: function (url, type, data) {
        $.ajax({
            url: Api + url,
            type: type,
            dataType: "json",
            data: data,
            success: function (data) {
                console.log(data);
                
 
var html = template("tpl-mian", data);
                $("#list").html(html);
                var pageNumber = data.pageNumber;
                var totalPage = data.totalPage;
                pageslist(pageNumber, totalPage);
            }

        })
    }
};
// 分頁
function pageslist(pageNumber, totalPage) {
    $(
 
‘#pageUl‘).bootstrapPaginator({
        currentPage: pageNumber,//當前的請求頁面。
        totalPages: totalPage,//一共多少頁。
        size: "normal",//應該是頁眉的大小。
        bootstrapMajorVersion: 3,//bootstrap的版本要求。
        alignment: "right",
        numberOfPages: 5,//一頁列出多少數據。
        itemTexts: function (type, page, current) {//
 
如下的代碼是將頁眉顯示的中文顯示我們自定義的中文。
            switch (type) {
                case "first": return "首頁";
                case "prev": return "上一頁";
                case "next": return "下一頁";
                case "last": return "末頁";
                case "page": return page;
            }
        },
        onPageClicked: function (event, originalEvent, type, page) {
            var pageNumber = page;
　　　　　　  //調用ajax
            myAjax.ajaxPages({ "pageNumber": pageNumber });
        }
    })
}

bootstrap-paginator中使用ajax