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

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

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.