bootstrap分页的使用

var totalCount = "";
//这块table表单业务，可忽略
function getInsAppoint(){
     $.ajax({
        type: "post",
        data : JSON.stringify({
            'offset':'0',
            'limit':'6',
            'instrumentName':$("#text").val()
        }),
        contentType:"application/json",
        dataType: 'json',
        url: '/jk/pb/instrumentInfo/appointList',
        async : false,
        success:function(data){
           var obj = eval(data);
           var list = obj.rows;
           totalCount = obj.total;
           $("#totalCount").text(totalCount);
           initialize(list);
           pageLimit(totalCount,1);//数据回显时第一页显示的数据
          }
      });
 }
 function pageLimit(totalCount,currentPage){
    var totalPage = 0;//列表的总页数
    var pageSize = 6;//每页显示6条数据
    if (totalCount/pageSize > parseInt(totalCount/pageSize)){
       totalPage = parseInt(totalCount/pageSize)+1;
    }else{
       totalPage = parseInt(totalCount/pageSize);
    }
    $('.pagination').bootstrapPaginator({//将id为pageLimit的ul元素设置为分页插件
            currentPage: currentPage,//设置当前页码
            size: "small",//设置控件的显示大小，
            bootstrapMajorVersion: 3,//当前版本
            alignment: "right",//设置控件的对齐方式
            totalPages: totalPage,//设置总页数.
            itemTexts: function (type, page, current) {//控制每个操作按钮的显示文字。是个函数，有3个参数: type, page, current。
                //通过这个参数我们就可以将操作按钮上的英文改为中文，如first-->首页，last-->尾页。
                switch (type) {
                    case "first": return "首页";
                    case "prev": return "<";
                    case "next": return ">";
                    case "last": return "末页";
                    case "page": return page;
                }
            },
            onPageClicked: function (event, originalEvent, type, page) {//为操作按钮绑定click事件。
                //回调函数的参数：event, originalEvent, type,page。
                $.ajax({
                    async: true,
                    url: "/jk/pb/instrumentInfo/appointList",
                    type: "post",
                    contentType:"application/json",
                    dataType : "json",
                    data: JSON.stringify({
                        'offset':(page-1)*6,
                        'limit':'6',
                        'instrumentName':$("#text").val()
                    }),
                    cache: false,
                    success: function (data) {
                        var obj = eval(data);
                        var list = obj.rows;
                        totalCount = obj.total;
                        initialize(list);
                        pageLimit(totalCount,page);
                    }
                });
            }
        });
    }

业务

function initialize(list) {
        var str = "";
        for (var i = 0; i < list.length; i++) {
            var applyStatus = list[i].entryApplyStatus;
            var applyTime = "";
            var uploaded = "";
            var imageUrl = list[i].imageUrl;
            if (imageUrl == null || imageUrl.length != 0){
                imageUrl = "<img src='/img/instrument.png'>";
            } else {
                imageUrl = "<img src='"+ list[i].imageUrl +"'>";
            }
            if (applyStatus == "1"){
                uploaded = "<button type='button' class='btn btn-link'>审核中</button>"
            } else if(applyStatus == "2"){
                applyTime = "<a onClick='makeApply("+list[i].instrumentId+")'>机时</a>"
                uploaded = "<button type='button' class='btn btn-link'>已上传</button>"
            } else if(applyStatus == "3"){
                uploaded = "<button type='button' class='btn btn-link' onClick='entryApply("+list[i].instrumentId+")'>被驳回</button>"
            } else {
                uploaded = "<button type='button' class='btn btn-link' onClick='entryApply("+list[i].instrumentId+")'>未上传</button>"
            }
            str += "<div class='col-md-4'>"
                    + "<div class='item'>"
                    + imageUrl
                    + "<div class='item-title inline'>"
                    + "<h4 class='inline'>"+ list[i].instrumentName+"</h4>"
                    + "</div>"
                    + "<div class='item-subtitle inline'>"
                    + "<img src='/img/timg.jpg'>"
                    + applyTime
                    /*+ " <a href='###'>送样</a>"*/
                    + "</div><p>"+ list[i].useIrection+"</p>"
                    + "<div class='item-footer'>"
                    + "<button type='button' class='btn btn-link'>评论（10）</button>"
                    + "<div class='upload inline'>"
                    + "<img src='/img/upload.png'>"
                    + uploaded
                    + "</div></div></div></div>";
        }
        $("#instrumentInfoAppoint").html(str);
    }