Datatables Ajax Test
HTML
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js"></script>
<body>
<div id="container">
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>User ID</th>
<th>ID</th>
<th>Title</th>
<th>Body</th>
</tr>
</thead>
</table>
</div>
</body>
JavaScript
$(document).ready(function() {
$('#example').DataTable({
ajax: {
url: 'https://api.myjson.com/bins/369lc',
dataSrc: ''
},
// data: data,
columns: [
{data: 'userId'},
{data: 'id'},
{data: 'title'},
{data: 'body'}
]
});
});