鲨鱼搞开发 2021-12-20 15:05 采纳率: 57.1%
浏览 8
已结题

datatables.js做分页,搞不懂到底怎么写才能和pagehelper连动起来,试了几次用datatable{ajax传参}还是不行

各位帮忙看看,我该怎么写简单些,页面现在分页功能都好了。就是缺陷就是不能跟后台交互,paghelper也好了,怎么关联哎

$(document).ready(function() {
            var code;
                $.ajax({
                    type: 'post', /*  请求方式  GET  、 POST 、 PUT 等.. */
                    url: 'shop/findShopListPage', /*  后台的接口(findApi)  使用相对路径即可 */
                    dataType: "json",
                    async: false,
                    data: {
                        pageNum: 1,
                        pageSize: 10,
                    },
                    success: function (result) { // 请求后台 应答成功返回来的数据
                        console.log(result + "长度:" + result.data.length)
                        let length = result.data.length;
                        for (let i = 0; i < length; i++) {
                            let id = result.data[i].id;
                            code = code + '<tr>'
                                + '<td class=" ">' + id + '</td>'
                                + '<td class=" ">' + result.data[i].shop_name + '</td>'
                                + '<td class=" ">' + result.data[i].shop_regionArr + "" + result.data[i].shop_address + '</td>'
                                + '<td class=" ">' + result.data[i].shop_phone + '</td>'
                                + '<td class=" ">' + result.data[i].user_name + '</td>'
                                + '<td class=" ">' + result.data[i].user_phone + '</td>'
                                + '<td class=" ">' + result.data[i].move_time + '</td>'
                                + '<td class=" ">' + '<button class="ipManage_edit buttonCss fa fa fa-pencil-square-o fa-1g" data-toggle="tooltip" title="修改" οnclick="ipManageEditor(\'' + i + '\')">' + '</button>' + '</td>' + '</tr>'
                        }
                        $('#shopList').empty().append(code);
                    },
                    error: function (xhr, status, error) { // 请求失败运行的函数
                        console.log(error);
                    }
                })
                $(".dataTables-example").dataTable({
                    "bLengthChange": true, //开关,是否显示每页显示多少条数据的下拉框
                    "aLengthMenu": [3,5,10,20,50],//设置每页显示数据条数的下拉选项
                    'iDisplayLength': 3, //每页初始显示3条记录
                })

  • 写回答

0条回答 默认 最新

    报告相同问题?

    问题事件

    • 系统已结题 12月28日
    • 创建了问题 12月20日

    悬赏问题

    • ¥15 已知许多点位,想通过高斯分布来随机选择固定数量的点位怎么改
    • ¥15 C#不用正则表达式如何全字匹配
    • ¥15 怎么生成确定数目的泊松点过程
    • ¥15 layui数据表格多次重载的数据覆盖问题
    • ¥15 python点云生成mesh精度不够怎么办
    • ¥15 QT C++ 鼠标键盘通信
    • ¥15 改进Yolov8时添加的注意力模块在task.py里检测不到
    • ¥50 高维数据处理方法求指导
    • ¥100 数字取证课程 关于FAT文件系统的操作
    • ¥15 如何使用js实现打印时每页设置统一的标题