No envía los datos de la constante definida en js al Php correspondiente

$('#agregar').submit(function(e){
      //usa e.preventDefault() evita la accion del submit
      e.preventDefault()
      const dataAgregar = {
        nombre: $('#nombre').val(),
        apellido: $('#apellido').val(),
        dni: $('#dni').val()
    }
    console.log(dataAgregar);
    $.ajax({
            url: '/autoparts_system/modulos/Clientes/cliente-add.php',
            type: 'post',
          data: dataAgregar,
        beforeSend: function (){
            //opcional
        //antes de enviar puedes colocar un gif cargando o un  mensaje que diga espere...
        }

      }).done(function(data){
            console.log(response);
        fetchList();
        // Se resetea el formulario luego de haber enviado los datos
        $('#agregar').trigger('reset');
      }).fail(function(jqXHR, ajaxOptions, thrownError){
        //en caso de que haya un error muestras un mensaje con el error
        console.log(thrownError);
      })
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form role="form" method="post" id="agregar">
   <h3>Ingrese los datos del cliente</h3>
   <p>
   <div class="form-group">
      <label>Escriba su nombre: </label>
      <input type="text" id="nombre" style="text-transform:uppercase;">
      </label>
   </div>
   </p>    
   <p>
   <div class="form-group">
      <label>Escriba su apellido </label>
      <input type="text" id="apellido" style="text-transform:uppercase;">
      </label>
   </div>
   </p>
   <p>
   <div class="form-group">
      <label>Escriba su DNI:</label>
      <input type="text" id="dni" >
      </label>
   </div>
   </p>
   <button type="submit" class="btn btn-danger">Agregar</button>
</form>