码迷,mamicode.com
首页 > Web开发 > 详细

bootstrap-paginator中使用ajax

时间:2018-08-03 14:58:03      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:页面   code   log   bsp   请求方式   version   ges   first   boot   

// 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

标签:页面   code   log   bsp   请求方式   version   ges   first   boot   

原文地址:https://www.cnblogs.com/Arale/p/9413246.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!