Layui数据表格调用第三方接口

Ctrl+Z侠

于 2025-01-16 16:54:38 发布

阅读量131

点赞数 2

文章标签： layui java http

本文链接：https://blog.youkuaiyun.com/m0_52522230/article/details/145187116

版权

代码如下：

 //渲染表格
 table.render({
     elem: '#mainList' // 绑定容器
     , url: WebAPI + 'pay/list' // 数据接口
     , method: 'POST'  // 请求方式
     , where: {  //参数
         configId: '201'
     }
     , request: {
         headers: {
             'Authorization': 'Bearer ' + localStorage.getItem("Token") // Token令牌
         }
     }
     , cols: [[ // 表头
         { checkbox: true, fixed: true }
         , { field: 'name', title: '姓名', minWidth: 160 }
         , { field: 'age', title: '年龄', minWidth: 130 }

     ]]
     , parseData: function (res) { //res 即为原始返回的数据
         return { //解析接口状态
             "code": 0,
             "msg": "",
             "count": res.data.length,
             "data": res.data
         }
     }
     , page: false  //关闭分页
     , height: 'full-110' // 最大高度减去其他容器已占有的高度差
 });