PHP AJAX对接Datatable时搜索功能失效无数据过滤效果问题求助

你开启了DataTables的服务端渲染模式（serverSide: true），该模式下所有的搜索、排序、分页逻辑都需要后端代码自行实现，前端不会自动过滤数据。而你当前的PHP接口写死查询全表数据，完全没有处理Datatable提交的搜索参数，因此搜索功能失效。

• 方案一：小数据量场景，直接关闭服务端模式（无需改后端核心逻辑）
  如果你的表数据量不大（万条以内），最简单的解决方式是直接关闭服务端模式，让前端自动处理搜索、排序：
  修改前端Datatable初始化代码：

var dataTable = $('.violation_data').DataTable({
  "processing": true,
  "serverSide": false, // 把原值true改成false即可
  "ajax": {
    "url": "/traffic-fetch",
    "type": "POST",
  }
});

同时把PHP返回值里注释的两个必填参数放开，避免Datatable计数异常：

$output = array(
  "draw" => intval($_POST["draw"]),
  "recordsTotal" => get_total_violations(),
  "recordsFiltered" => $filtered_rows,
  "data" => $data
);

• 方案二：大数据量场景，保留服务端模式，改造后端代码处理搜索逻辑
  如果数据量较大需要保留服务端模式，需要按以下步骤修改PHP接口：

1. 接收Datatable提交的搜索参数，拼接查询条件

// 原有查询基础上新增搜索逻辑
$query = "SELECT * FROM traffic_violations WHERE 1=1 ";
$searchValue = $_POST['search']['value'] ?? '';
if(!empty($searchValue)){
  // 括号内可自行新增需要支持搜索的字段
  $query .= " AND (plateNumber LIKE ? OR carModel LIKE ? OR carColor LIKE ? OR violationType LIKE ? OR violationLocation LIKE ? OR cccEmployee LIKE ?) ";
  $searchParam = "%$searchValue%";
  $params = array_fill(0,6, $searchParam);
}
// 预处理执行查询
$statement = $connection->prepare($query);
$statement->execute($params ?? []);

2. 修改recordsFiltered返回值，返回搜索后的匹配条数，而不是全表总条数

// 新增方法获取搜索后的过滤条数
function get_filtered_violations($searchValue) {
  global $servername, $username, $password, $database;
  $connection = new PDO("mysql:host=$servername;dbname=$database",$username,$password);
  $query = "SELECT * FROM traffic_violations WHERE 1=1 ";
  if(!empty($searchValue)){
    $query .= " AND (plateNumber LIKE ? OR carModel LIKE ? OR carColor LIKE ? OR violationType LIKE ? OR violationLocation LIKE ? OR cccEmployee LIKE ?) ";
    $searchParam = "%$searchValue%";
    $params = array_fill(0,6, $searchParam);
  }
  $statement = $connection->prepare($query);
  $statement->execute($params ?? []);
  return $statement->rowCount();
}
// 对应修改output里的recordsFiltered
$output = array(
  "draw" => intval($_POST["draw"]),
  "recordsTotal" => get_total_violations(),
  "recordsFiltered" => get_filtered_violations($searchValue),
  "data" => $data
);

修改完成后可以打开浏览器控制台的网络面板，查看搜索时Datatable是否正确提交了search[value]参数，后端返回的data是否仅包含匹配的条目，即可快速定位问题。

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