DataTable 功能不适用于 Return ajax 条记录

Question

我有一个很基础的HTMLtable，数据来自数据库。我现在已经设置了一个选择器，一旦我 Select 任何选项，然后 AJAX 请求获取特定选定位置的特定数据。（为了更容易，我的查询仅以 LocationId=1001 为例）。我现在想 return 数据并更新数据表，但不幸的是，数据是 returned，它显示在 table 中，但其他数据表功能不起作用。比如分页、搜索和记录数。

PHP 页面代码

$LocId = '1001';
$sql_Select = "SELECT tbl_employee.EmpId,tbl_employee.FirstName,tbl_employee.LastName,tbl_section.SectionNameEn,tbl_section.SectionNameAr FROM `tbl_employee`,`tbl_section` WHERE tbl_employee.SecId=tbl_section.SecId and tbl_employee.Status='Active' and LocId = '$LocId'";
        $result = mysqli_query($conn, $sql_Select);
        while($row = $result->fetch_assoc()) {
            $rows[] = $row;
          }
        $msg = ["data" => $rows];
        echo json_encode($msg);

函数 Ajax 调用和 return 记录在 DataTable

中查看

function GetEmployee(){
        var LocId = $('#location').val();

        $('#basic-datatablee').DataTable({
            "destroy": true,
            "processing": true,
            "serverSide": true,
            "serverMethod": "post",
            "ajax": {
                "url": "ajaxpages/get_employee.php",
                "data": {LocId:LocId}
            },
            "columns": [
                    {"data": "EmpId"},
                    {"data": "FirstName"},
                    {"data": "LastName"},
                    {"data": "SectionNameEn"},
                    {"data": "SectionNameAr"},
                ],
            language: {
                searchPlaceholder: 'Search...',
                sSearch: '',
            }
        });
    };

Answer 1

需要移除

"serverSide": true,
"servermethod": "post",

添加这个ajax调用类型

"type": "POST",

这将解决问题

DataTable 功能不适用于 Return ajax 条记录

DataTable features not working for Return ajax records

php

jquery

ajax

datatable