itskp-odense/Frontend/Assets/Ajax/fetchAndDisplayData.js

35 lines
1.2 KiB
JavaScript

$(document).ready(function() {
var table = $('#table_id').DataTable({
fixedHeader: true,
dateTime: true,
order: [ 0, 'desc' ],
columnDefs: [
{
"targets": "w-1em",
orderable: false,
"searchable": false,
}
],
});
$.ajax({
type: 'POST',
url: '../Backend/controller/getPost.php',
success:function (data) {
console.log(data);
for (let i = 0; i < data.length; i++){
var d = new Date(data[i].created_at);
table.row.add([
d.getDate() + '/' + (d.getMonth()+1)+'-'+d.getFullYear(),
data[i].title,
'<a class="w-1em" href="edit.php?id='+ data[i].id + '"><img src="Assets/Images/Icons/pencil-dark.svg" alt="Edit"></a>',
'<a class="w-1em" onClick="deletePostSwal(' + data[i].id + ')"><img src="Assets/Images/Icons/trashcan-dark.svg" alt="Delete"></a>'
]).draw().node().id = data[i].id;
}
},
error:function (data) {
console.log(data);
}
});
});