关于layui表格二次加载

最新推荐文章于 2024-01-01 00:28:39 发布

郑超艺

最新推荐文章于 2024-01-01 00:28:39 发布

阅读量1.6k

点赞数 1

文章标签： layui javascript 前端

本文链接：https://blog.csdn.net/asffsfassaffs/article/details/126359771

版权

表格渲染 Ajax请求数据处理前端开发数据交互

关键词由CSDN通过智能技术生成

在表格render函数中调用parseData回调在回调中发送ajax请求，最后将请求结果中的数据通过循环加入到表格数据中

 table.render({
            elem: '#data-table'
//            ,url: '../../demo/table/user/-page=1&limit=30.js' //数据接口
            ,page: true //开启分页
            ,cols: [cols]
            ,data:[]
            , method: 'post'
            , request: {
                limitName: 'size' //每页数据量的参数名，默认：limit
            }
            ,limits : [10,20,30]
            ,limit:10
            , response: {
                countName: 'records' //数据总数的字段名称，默认：count
                , dataName: 'rows' //数据列表的字段名称，默认：data
                , statusName: 'status' //规定数据状态的字段名称，默认：code
                , statusCode: 200 //规定成功的状态码，默认：0
            }
            ,parseData: function (res) {
                element.render();
                console.log(res)
//                console.log(res.rows[0].BJSJ)
                number=0
//                console.log("第一次发送成功  ")
                var rows=res.rows
                for(var r in rows )
                {
//                        console.log("第"+r+"次执行")
                    $.ajax({
                        type: 'POST',
                        url: '${bdcdjUrl}/test/getxmnextdate',
                        async:false,
                        data:{
                            proid:rows[r].PROID,
                            wiid:rows[r].WIID
                        },
                        dataType: "json",

                        success: function (data) {//res为相应体,function为回调函数
//                            console.log(data)
//                            console.log(data.date)
                            if(data!=null&&data!=""&&data.date!=null&&data.date.length>0&&data.date!=[]){
                                rows[r].QLRMC=data.date[0].QLRMC;
                                rows[r].QLRZJH=data.date[0].QLRZJH;
                                rows[r].YWRMC=data.date[0].YWRMC;
                                rows[r].QLRLXDH=data.date[0].QLRLXDH;
                                rows[r].taskid=data.taskid;
                                exceldata=exceldata+rows[r];
                            }

//                            console.log(data.taskid)

                        },
                        error: function (XMLHttpRequest, textStatus, errorThrown) {
                            layer.alert('操作失败！！！');
                        }

                    });
                }
//                console.log(res.rows);
//                console.log( rows);
                exceldata=rows;
            }
        });