bootstrappaginator分页插件的两种使用方式实例详解-创新互联

分页有两种方式：

成都创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于成都网站建设、做网站、荔城网络推广、成都微信小程序、荔城网络营销、荔城企业策划、荔城品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们大的嘉奖；成都创新互联公司为所有大学生创业者提供荔城建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com

1. 前台分页：ajax一次请求获取全部数据，适合少量数据（万条数据以下）；

$.ajax({
  type: "GET",
  url: "",//后台接口地址
  dataType: "json",
  success: function (msg) {
   var pages = Math.ceil(msg.data / 5);//data是数据总量 
   var element = $('#id');//对应ul的id
   element.bootstrapPaginator({
    bootstrapMajorVersion: 3,//bootstrap版本
    currentPage: page,//当前页面 
    numberOfPages: 5,//一页显示几个按钮（在ul里面生成5个li） 
    totalPages: pages //总页数
   });
  }
 });

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

标题名称：bootstrappaginator分页插件的两种使用方式实例详解-创新互联
分享路径：http://cdkjz.cn/article/degshd.html