Realizar llamada a controlador mediante AJAX

[detective_jd]

También pondré el index por las dudas si ven que me falta algo en el index:

Código HTML:

<h3><i class="fa fa-angle-right"></i>&nbsp;Mantenimiento de Departamentos</h3>
<div class="content-panel">
    <div class="d-flex justify-content-between">
        <div class="p-2 bd-highlight">
            <a href="index.php?c=main&a=index">
                <button class="btn btn-info" tabindex="1">
                    <i class="fa fa-arrow-left"></i>&nbsp;Volver
                </button>
            </a>
            <button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#AMModal">
                <i class="fa fa-plus"></i>&nbsp;Crear
            </button>
        </div>
        <div>
            <div class="d-flex justify-content-end">            
                <div class="p-2 bd-highlight">
                    <div class="input-group mb-3">
                        <label class="d-flex align-items-center justify-content-center mx-2" style="display: inline-block;">Ver:</label>
                        <select name="stEstado" class="form-select" style="display: inline-block;">
                            <option value="">Todos</option>
                            <option value="1">Activo</option>
                            <option value="0">Inactivo</option>
                        </select>
                    </div>            
                </div>
                <div class="p-2 bd-highlight">                
                    <div class="input-group mb-3">
                        <input 
                            type="search"
                            id="buscador"
                            name="txtbuscador" 
                            placeholder="Buscar por nombre" 
                            class="form-control rounded" 
                            tabindex="3"
                            style="display: inline-block;"
                            />
                        <span 
                            class="input-group-text border-0" 
                            id="search-addon" 
                            style="background-color: white;"
                        >
                            <i class="fas fa-search"></i>
                        </span>
                    </div>                
                </div>             
            </div>
        </div>
    </div>
    <table class="table table-bordered table-striped table-condensed" id="#tablaDep">
        <thead>
            <th></th>
            <th>Nombre</th>
            <th>Estado</th>
        </thead>
        <tbody id="DataResult">            
        </tbody>
    </table>
    <div id="DataPages">        
    </div>
</div>
<!-- Modal -->
<div class="modal fade" id="AMModal" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form id="AMDocumento" method="post">
                <div class="modal-header">
                    <h3 class="modal-title">
                        <i class="fa fa-angle-right"></i>&nbsp;Crear Departamento
                    </h3>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">        
                    <div class="form-group">
                        <label class="col-form-label">Nombre (*):</label>                      
                        <input type="text" name="txtnombre" id="nombre" class="form-control" autofocus="autofocus" required="required" />                        
                    </div>                
                </div>
                <div class="modal-footer">
                    <input type="hidden" name="hid" id="id" value="0" />
                    <button 
                        type="submit" 
                        name="btnaceptar" 
                        value="Aceptar"
                        id="aceptar"
                        class="btn btn-success"
                    >
                        <i class="fa fa-check"></i>&nbsp;Aceptar
                    </button>
                    <button 
                        type="button" 
                        name="btncancelar" 
                        value="Cancelar" 
                        class="btn btn-danger" 
                        data-bs-dismiss="modal"
                    >
                        <i class="fa fa-times"></i>&nbsp;Cancelar
                    </button>
                </div>
            </form>            
        </div>        
    </div>
  </div>
</div>
<script src="Public/js/crud/departamento.js" type="text/javascript"></script>
 

Espero sus respuestas y saludos