layui后台分页前端处理

如题

                                //后台分页
                                function toPage(curr) {
                                    $.ajax({
                                            type: "post",
                                            url: "/springboot-course/train/gettraining?subject=3&offset=" + currPage + "&limit=10",
                                            dataType: "JSON",
                                            async: false,
                                            success: function(res) {
                                                var sumNum = res.data.sum;
                                                _this.option.questionsList.data = res.data.testData;  //取到当前返回的十条数据
                                                _this.drawQusetions(_this.option.questionsList.data); //渲染题库,之前写好的方法
                                            }
                                        })
                                        //使用layui
                                    layui.use('laypage', function(data) {
                                        var laypage = layui.laypage;
                                        laypage.render({
                                            elem: 'Pagination', //注意,这里的 test1 是 ID,不用加 # 号
                                            limit: 10,
                                            curr: currPage,
                                            count: sumNum, //数据总数,从服务端得到
                                            jump: function(obj, first) {
                                                // console.log(obj);
                                                if (!first) {
                                                    currPage = obj.curr;
                                                    toPage(currPage);
                                                    document.querySelector('#questions-ul').scrollTo(0, 0); //为了翻到下一页时从最上面一道题开始显示
                                                    window.scrollTo(0, 0) //为了翻到下一页时从最上面一道题开始显示
                                                }
                                            }
                                        });
                                    });
                                }

你可能感兴趣的:(layui,JavaScript)