layui分页

<div id="demo1"></div>

js:

var pageVal = 1;//第几页
        var curr=1;//起始页,跳页
        getData(pageVal);
        //分页
        function getData(pageVal){
            $.ajax({
                url: 'xxxxxxxxxxxx',
                cache: false,
                type: 'post',
                data: {
                    "page": pageVal,
                    "limit": 12
                },
                dataType: 'json',
                success: function (data) {
                    if (data.code == 1) {
//                  	这里写你要执行的操作~~~~~~~~~~
                        layui.use('laypage', function () {
                            var laypage = layui.laypage;
                            laypage.render({
                                elem: 'demo1',
                                limit:12,//每页12条
                                curr:curr,//起始页,跳页
                                count: data.count,//总数
                                jump: function (obj,first) {
                                    curr=obj.curr;
                                    if(!first){
                                        // 第一次不执行
                                        getData(obj.curr);
                                    }
                                }
                            });
                        });
                    }else{
                    	alert("数据获取异常!");
                    }
                },
                error: function () {
                    alert("数据获取失败！");
                }
            });
        }

layUI分页文档：https://www.layui.com/doc/modules/laypage.html

如果有帮到你的话，欢迎激励一下作者。