Realizar llamada a controlador mediante AJAX

[detective_jd]

Pude hacer que el modal se cierre sin problema con esto:

Código Javascript:

$('#AMModal').modal('hide');
 

Intenté poner datatable de jquery, pero por alguna razón no carga el datatable ni llega el ajax a consumir la función del controlador:

DepartamentosController.php:

Código PHP:

public function obtenerTodos(){
        //luego agrego los filtros
        $tabla = (new Departamento())->find();
        //return $tabla;
        echo json_encode($tabla);
    }
 

departamento.js

Código Javascript:

$("#tablaDep").DataTable({
            processing: true,
            serverSide: true,
            serverMethod: "post",
            pageLength: 10,
            ajax: {
                url: 'index.php?c=departamentos&a=obtenerTodos'
                
            },
            columns: [
                {
                    data: "id"
                },
                { data: "nombre" },
                { data: "estado" }
            ]
        });
 

index.php:

Código HTML:

....
<table class="table table-bordered table-striped table-condensed" id="#tablaDep">
        <thead>
            <th></th>
            <th>Nombre</th>
            <th>Estado</th>
        </thead>
    </table>
 

Necesito tener esto listo, pero no sé que hacer si el ajax no reacciona.
Espero sus respuestas y saludos.