layui分页

向右看齐 2022-01-10 12:21 330阅读 0赞

<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][https_www.layui.com_doc_modules_laypage.html]

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyaWdodDIwMTc_size_16_color_FFFFFF_t_70][]

[https_www.layui.com_doc_modules_laypage.html]: https://www.layui.com/doc/modules/laypage.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyaWdodDIwMTc_size_16_color_FFFFFF_t_70]: /images/20220110/22b0931b544b4146bfbca551982f8f9d.png