Realizar llamada a controlador mediante AJAX

[detective_jd]

Buenas a todos, ando con una consulta para hacerles, resulta que estoy haciendo una llamada ajax a un controlador php para evitar que se abran 2 páginas para hacer un alta y la verdad nunca usé ajax hasta ahora, pero intento y no consigo nada, le hago click en el botón "Aceptar" y no se inmuta para nada.
Pongo el código

DepartamentosController.php

Código PHP:

public function add(){
        if(isset($_POST["btnaceptar"])){ 
            try {
                $entity = $this->createEntity();
                $entity->create();
                Session::set("msg",Session::msgSuccess("Departamento Creado"));
                header("Location:index.php?c=departamentos&a=index");
                exit();                    
            } catch (\Exception $ex) {
                Session::set("msg",Session::msgDanger($ex->getMessage()));                   
            }
        }
        
        $this->redirect("add.php");
    }
 

Departamentos/index.php

Código PHP:

<h3><i class="fa fa-angle-right"></i>&nbsp;Mantenimiento de Departamentos</h3>
......
    <!-- 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"></script>
 

departamento.js

Código PHP:

$(function() {
    $('#AMDocumento').submit(function(e) {
        e.preventDefault();
        
        $.ajax({
            type:'POST',
            url:'index.php?c=departamentos&a=add',
            data: $('#AMDocumento').serialize(),
            dataType: 'json',
            success: function(dataResult){
                var result = JSON.parse(dataResult);
                if(result.statusCode===200){
                    $('#AMDocumento').hide();
                }
            }
        });
    });
});
 

Necesito su ayuda para ver cómo hacer andar los ajax.
Espero sus respuestas y saludos.