estoy intentando consumir una api para luego mostrarlo en una tabla via ajax con DataTables Plugin de Jquery pero no estoy logrando que la tabla se cargue con los datos
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
src="//cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/index.min.js"></script>
<script src="//cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
> este es el script que deberia consumir el json
<script>
$('#tabla').dataTable({
ajax: {
cache: true,
url: `https://my-json-server.typicode.com/AldoArevalo%20/repoaldo/aguinaldo`,
dataSrc: 'data.results'
},
columns: [{
"data": "AACAA_PADR"
}, {
"render": function(v, t, data) {
return `<img width="100" src="${ data.thumbnail.extension}"/>`;
}
}, {
"data": "AACAA_BANC"
}, {
"data": "AACAA_CEDU"
}]
});
</script>
<!DOCTYPE html>
<html lang="es">
<head>
</head>
<body>
<table id="tabla" class="display" style="width:100%"></table>
</body>
</html>