layui 数据表格请求传参_浅谈layui 数据表格前后台传值的问题

您好，关于 layui 数据表格的请求传参，一般可以通过以下两种方式实现：

1. 在前端页面的 JS 代码中，使用 Ajax 请求获取数据，并将请求参数作为数据传递到后台接口，后台接口根据参数进行数据查询和处理，并返回结果给前端页面进行显示。

2. 在 layui 数据表格的配置项中，配置接口 URL 和请求参数，当数据表格需要获取数据时，会自动向后台接口发送请求，并将请求参数作为参数传递到后台接口，后台接口根据参数进行数据查询和处理，并返回结果给 layui 数据表格进行显示。

对于第一种方式，可以参考以下代码：

// 前端 JS 代码
layui.use('table', function(){
  var table = layui.table;
  
  // 监听搜索按钮的点击事件
  $('#searchBtn').click(function(){
    // 获取搜索框的值
    var keyword = $('#keyword').val();
    
    // 发送 Ajax 请求获取数据
    $.ajax({
      url: '/api/tableData',
      type: 'GET',
      data: {
        keyword: keyword
      },
      success: function(res){
        // 将数据绑定到 layui 数据表格中
        table.render({
          elem: '#data-table',
          data: res.data
          // 其他配置项
        });
      }
    });
  });
});

// 后台接口代码
app.get('/api/tableData', function(req, res){
  // 获取请求参数
  var keyword = req.query.keyword;
  
  // 根据参数查询数据
  var data = getDataByKeyword(keyword);
  
  // 返回数据给前端页面
  res.json({
    code: 0,
    msg: '',
    data: data
  });
});

对于第二种方式，可以参考以下代码：

// 前端 JS 代码
layui.use('table', function(){
  var table = layui.table;
  
  // 渲染 layui 数据表格
  table.render({
    elem: '#data-table',
    url: '/api/tableData',
    where: {
      keyword: ''
    }
    // 其他配置项
  });
  
  // 监听搜索按钮的点击事件
  $('#searchBtn').click(function(){
    // 获取搜索框的值
    var keyword = $('#keyword').val();
    
    // 设置请求参数
    table.reload('data-table', {
      where: {
        keyword: keyword
      }
    });
  });
});

// 后台接口代码
app.get('/api/tableData', function(req, res){
  // 获取请求参数
  var keyword = req.query.keyword;
  
  // 根据参数查询数据
  var data = getDataByKeyword(keyword);
  
  // 返回数据给 layui 数据表格
  res.json({
    code: 0,
    msg: '',
    count: data.length,
    data: data
  });
});

以上代码仅供参考，具体实现方式可以根据项目需求进行调整。