Datatable服务端模式：如何为每个Ajax请求传递不同变量？

我来帮你搞定这个问题！其实核心就是要针对每个表格单独获取它的data-status值，然后在Ajax请求里动态传递这个参数，而不是用统一的配置。下面是具体的实现步骤：

1. HTML结构（确保每个表格都有data-status属性） #

首先确认你的三个表格都带有唯一的data-status属性，比如：

<table class="status-table" data-status="pending">
  <!-- 表头 -->
  <thead>
    <tr>
      <th>ID</th>
      <th>名称</th>
      <th>时间</th>
      <!-- 其他列 -->
    </tr>
  </thead>
</table>

<table class="status-table" data-status="approved">
  <!-- 相同表头 -->
</table>

<table class="status-table" data-status="rejected">
  <!-- 相同表头 -->
</table>

2. JavaScript初始化（遍历每个表格，动态传递参数） #

关键是不要一次性初始化所有表格，而是逐个遍历，获取当前表格的data-status值后再配置Datatable的Ajax请求：

// 遍历所有带.status-table类的表格
$('.status-table').each(function() {
  // 获取当前表格的jQuery对象
  const $currentTable = $(this);
  // 提取当前表格的data-status值
  const tableStatus = $currentTable.data('status');

  // 初始化当前表格的Datatable
  $currentTable.DataTable({
    serverSide: true,
    ajax: {
      url: 'your-server-script.php', // 你的后端接口地址
      type: 'POST', // 根据后端接收方式选择GET/POST
      data: function(d) {
        // 把当前表格的status添加到Datatable的默认请求参数中
        d.status = tableStatus;
        // 返回合并后的参数，保留Datatable自带的分页、排序等参数
        return d;
      }
    },
    // 你的列配置（和之前完全一致）
    columns: [
      { data: 'id' },
      { data: 'name' },
      { data: 'created_at' },
      // 其他列配置
    ],
    // 其他Datatable配置（分页、排序等，保持原有设置）
    paging: true,
    ordering: true,
    // ...
  });
});

3. 后端PHP接收参数 #

在你的服务端脚本中，直接接收传递过来的status参数，然后在数据库查询中加入这个条件即可：

// 假设用POST方式接收，若用GET则改为$_GET['status']
$status = isset($_POST['status']) ? $_POST['status'] : '';

// 注意：一定要用预处理语句防止SQL注入！
$pdo = new PDO('mysql:host=localhost;dbname=your_db', 'user', 'password');
$stmt = $pdo->prepare("SELECT * FROM your_table WHERE status = ?");
$stmt->execute([$status]);
$results = $stmt->fetchAll(PDO::FETCH_ASSOC);

// 按照Datatable要求的格式返回数据
echo json_encode([
  'draw' => isset($_POST['draw']) ? intval($_POST['draw']) : 1,
  'recordsTotal' => // 总记录数（不带条件的查询结果数）
  'recordsFiltered' => // 过滤后的记录数（带status条件的查询结果数）
  'data' => $results
]);

为什么之前的方案可能失败？ #

如果之前你是用统一的配置初始化所有表格，Ajax的data参数是固定值，那么三个表格会传递同一个status。而通过each遍历每个表格，动态获取当前表格的属性值，再在data函数中动态添加参数，就能保证每个表格的请求都带上自己的data-status值了。

内容的提问来源于stack exchange，提问作者David