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
