layui怎么实现ajax请求数据填充到表格

1. 引入layui和jQuery库

<link rel="stylesheet" href="layui/css/layui.css">
<script src="jquery/jquery.min.js"></script>
<script src="layui/layui.all.js"></script>

2. 创建一个表格

<table id="demo" lay-filter="test"></table>

3. 编写JavaScript代码

// 设置表格列
var cols = [[
  {field: 'id', title: 'ID'},
  {field: 'name', title: '名称'},
  {field: 'price', title: '价格'},
  {field: 'stock', title: '库存'}
]];
// 初始化表格
var table = layui.table;
table.render({
  elem: '#demo',
  cols: cols
});
// 发送Ajax请求获取数据
$.ajax({
  url: '/api/products',
  type: 'GET',
  dataType: 'json',
  success: function(res) {
    // 填充数据到表格
    table.reload('demo', {
      data: res.data
    });
  }
});

其中，cols变量设置了表格的列，table.render方法初始化了表格。在Ajax请求成功后，使用table.reload方法重新加载数据，将数据填充到表格中。需要注意的是，table.reload方法会清空表格数据，然后重新填充数据。如果需要在原有数据上追加数据，可以使用table.append方法。