Buradaki örneğe bakarak https://datatables.net/examples/data...rver_side.html tabloda arama yapmak istiyorum gerçek zamanlı fakat processing... yazıyor arama yapmıyor nerede yanlış yapıyorum arkadaşlar sizce.

data.php
{
"draw": 3,
"recordsTotal": 57,
"recordsFiltered": 10,
"data": [
[
"Ashton",
"Cox",
"Junior Technical Author",
"San Francisco",
"12th Jan 09",
"$86,000"
],
[
"Bruno",
"Nash",
"Software Engineer",
"London",
"3rd May 11",
"$163,500"
],
[
"Cara",
"Stevens",
"Sales Assistant",
"New York",
"6th Dec 11",
"$145,600"
],
[
"Cedric",
"Kelly",
"Senior Javascript Developer",
"Edinburgh",
"29th Mar 12",
"$433,060"
],
[
"Colleen",
"Hurst",
"Javascript Developer",
"San Francisco",
"15th Sep 09",
"$205,500"
],
[
"Doris",
"Wilder",
"Sales Assistant",
"Sidney",
"20th Sep 10",
"$85,600"
],
[
"Herrod",
"Chandler",
"Sales Assistant",
"San Francisco",
"6th Aug 12",
"$137,500"
],
[
"Jennifer",
"Acosta",
"Junior Javascript Developer",
"Edinburgh",
"1st Feb 13",
"$75,650"
],
[
"Jonas",
"Alexander",
"Developer",
"San Francisco",
"14th Jul 10",
"$86,500"
],
[
"Michael",
"Bruce",
"Javascript Developer",
"Singapore",
"27th Jun 11",
"$183,000"
]
]
}
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>


    <style type="text/css">
        .dataTables_processing {
            top: 64px !important;
            z-index: 11000 !important;
        }
    </style>

    <title>Document</title>
</head>
<body>
<table id="example" class="display" style="width:100%">
    <thead>
    <tr>
        <th>First name</th>
        <th>Last name</th>
        <th>Position</th>
        <th>Office</th>
        <th>Start date</th>
        <th>Salary</th>
    </tr>
    </thead>

</table>
</body>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4-4.1.1/jszip-2.5.0/dt-1.10.22/b-1.6.5/b-colvis-1.6.5/b-flash-1.6.5/b-html5-1.6.5/b-print-1.6.5/cr-1.5.2/fc-3.3.1/fh-3.1.7/kt-2.5.3/r-2.2.6/rg-1.1.2/rr-1.2.7/sc-2.0.3/sb-1.0.0/sp-1.2.1/sl-1.3.1/datatables.min.css"/>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/v/bs4-4.1.1/jszip-2.5.0/dt-1.10.22/b-1.6.5/b-colvis-1.6.5/b-flash-1.6.5/b-html5-1.6.5/b-print-1.6.5/cr-1.5.2/fc-3.3.1/fh-3.1.7/kt-2.5.3/r-2.2.6/rg-1.1.2/rr-1.2.7/sc-2.0.3/sb-1.0.0/sp-1.2.1/sl-1.3.1/datatables.min.js"></script>

<script>
    $(document).ready(function() {
        $('#example').DataTable( {
            "processing": true,
            "serverSide": true,
            "ajax": "http://localhost/table/data.php",
        } );
    } );


</script>
</html>
https://wetransfer.com/downloads/d6d4720c8e3ff39cc01d9df1be971cbc20201130143913/8cb920dcaf5664687cb109f1ca6f1f0120201130143913/831e2b