当前位置 : 主页 > 网络编程 > JavaScript >

laypage前端分页插件,ajax异步分页

来源:互联网 收集:自由互联 发布时间:2021-07-03
laypage前端分页插件,ajax异步分页,获取json数据实现无刷新分页, 1. [代码] 只是个简单例子, function GetList(pageIndex) { var _this = "" var clone_this = ""; _this = $(".BindDataList");//数据列表容器,
laypage前端分页插件,ajax异步分页,获取json数据实现无刷新分页,

1. [代码]只是个简单例子,    

  function GetList(pageIndex) {
            var _this = ""
            var clone_this = "";
            _this = $(".BindDataList");//数据列表容器,
            clone_this = _this.clone(true);
            var pageSize = 25;//每页展示的条数
            $.ajax({
                type: "get",
                async: false,//异步锁定,默认为true
                url: "../ashx/System/DefaultAjax.ashx",//后端处理数据,返回json格式
                data: {"pageIndex": pageIndex, "pageSize": pageSize, },
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    var json = eval("(" + data + ")");
                    if (json.PageCount > 0) //数据总条数
                      {
                        _this.html("");
                        for (var i = 0; i < json.rows.length ; i++) {
                            var html = "<li>json数据</li>";
                            _this.append(html);
                        }
                        jsonpage(json, pageIndex, pageSize);
                    }
                    else {
                        _this.html("");
                        _this.append("");
                    }
                }
            });
        }

 function jsonpage(json, pageIndex, pageSize) {
            var coun = json.PageCount;//总数据条数
            var pagecount = coun % pageSize == 0 ? coun / pageSize : coun / pageSize + 1;//计算多少页
            var laypageindex = laypage({
                cont: 'project_page', //容器。值支持id名、原生dom对象,jquery对象。
                skin: '#fb771f',
                pages: pagecount, //通过后台拿到的总页数
                curr: pageIndex, //初始化当前页
                first: '|<', //将首页显示为数字1,。若不显示,设置false即可
                last: '>|', //将尾页显示为总页数。若不显示,设置false即可
                prev: '<', //若不显示,设置false即可
                next: '>', //若不显示,设置false即可
                jump: function (obj, first) { //触发分页后的回调
                    if (!first) { //点击跳页触发函数自身,并传递当前页:obj.curr
                        SearchHotTag(obj.curr);
                    }
                }
            });
        }
网友评论