Breaking News: Grepper is joining You.com. Read the official announcement!

ajax datatable in php

CoderHomie answered on July 7, 2023 Popularity 6/10 Helpfulness 4/10

answer ajax datatable in php

ajax datatable in php

Comment

<!DOCTYPE html>
<html>
<head>
    <title>Ajax DataTable Example</title>
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.24/css/jquery.dataTables.min.css">
</head>
<body>
    <table id="myTable" class="display" style="width:100%">
        <thead>
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Email</th>
                <th>City</th>
            </tr>
        </thead>
    </table>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#myTable').DataTable({
                "ajax": {
                    "url": "data.php",
                    "type": "POST"
                }
            });
        });
    </script>
</body>
</html>

<?php
// Perform your database query here to fetch the data
// Example data array
$data = array(
    array('id' => 1, 'name' => 'John Doe', 'email' => 'john@example.com', 'city' => 'New York'),
    array('id' => 2, 'name' => 'Jane Smith', 'email' => 'jane@example.com', 'city' => 'London'),
    array('id' => 3, 'name' => 'Mike Johnson', 'email' => 'mike@example.com', 'city' => 'Paris')
);

// Convert the data array to JSON format
echo json_encode(array('data' => $data));
?>

Popularity 6/10 Helpfulness 4/10 Language php

Source: Grepper

Tags: ajax datatable php

Link to this answer
Share Copy Link

Contributed on Jul 07 2023

CoderHomie

0 Answers Avg Quality 2/10

ajax datatable in php

Contents

More Related Answers

ajax datatable in php

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.