layui 关于 table 数据表格方法渲染填坑日志

本文记录了使用layui数据表格组件时遇到的问题及解决方案,包括通过URL指定数据源,设置page和limit参数,解决contentType默认格式问题,以及如何自定义templet处理响应数据,展示了layui表格组件与后端接口交互的细节。
摘要由CSDN通过智能技术生成

数据源可通过data或url指定本章主要讲解以url指定的情况

    
  <!-- 结构 -->
  <table id="demo"></table>

  <!-- 日期自定义模块(参考 laytpl 语法) -->
  <script type="text/html" id="dateFix">
    {
  { d.date.slice(0, 10) }}
  </script>

  <!-- 引入脚本 -->
  <script src="/layuiadmin/layui/layui.js"></script>

  <script>
      var $ = layui.$
      var table = layui.table
      var token = layui.data('login').token
      var housingId = 1

      table.render({
        elem: "#demo", //指定原始表格元素选择器(推荐id选择器)
        url: "http://127.1.1.0:8089/api/agentList",
        // 默认为get
        method: "post",
        // 默认为 urlencoded 形式的请求, 
        // 当我们改成form-data格式时, 请求体为 page=1&limit=10&housingId=1
        // contentType: "multipart/form-data",
        // 请求头配置项
        headers: 
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值