Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @{
- ViewBag.Title = "Index";
- }
- <!DOCTYPE html>
- <html>
- <head>
- <meta name="viewport" content="width=device-width" />
- <title>Index</title>
- <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
- <script src="~/scripts/jquery-3.6.0.min.js"></script>
- <script src="~/scripts/bootstrap.min.js"></script>
- <link href="~/Content/dataTables.bootstrap4.min.css" rel="stylesheet" />
- <script src="~/scripts/jquery.dataTables.min.js"></script>
- <script src="~/scripts/dataTables.bootstrap4.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function () {
- $('#dataTable').DataTable({
- "ajax": {
- "url": "/Home/GetData",
- "type": "GET",
- "datatype": "json"
- },
- "columns": [
- { "data": "Name" },
- { "data": "Position" },
- { "data": "Office" },
- { "data": "Age" },
- { "data": "Salary" }
- ]
- });
- });
- </script>
- </head>
- <body>
- <div class="container py-4">
- <h4 class="text-center text-uppercase">HOW TO RETRIEVE DATA FROM DATABASE USING JQUERY AJAX IN MVC5</h4>
- <div id="dataTable_wrapper"></div>
- <table id="dataTable" class="table table-bordered table-striped">
- <thead>
- <tr>
- <th>Name</th>
- <th>Position</th>
- <th>Office</th>
- <th>Age</th>
- <th>Salary</th>
- </tr>
- </thead>
- </table>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement