Проблема в функции ajax с данными файла

Question

у меня есть форма с 4 полями, одно из них - загрузка файла до добавления загрузки файла все работало нормально но когда я добавил поле для файла и изменил функцию AJAX, ничего не работает я печатаю пост в php, его не печатают мой код выглядит следующим образом

$(function() {
validateNotifica();
});

function validateNotifica() {
  desc = $("#notificaMsg").val();
  title = $("#notificaTitle").val();

  errorText = $("#error-text");
  if (desc === '' || title === '') {
    errorText.innerHTML = "* All fields are required.";
    errorText.addClass("red");
    errorText.show();
    return;
  }
  errorText.hide();
  errorText.removeClass("red");
  errorText.removeClass("green");

  $.ajax({
    dataType: 'json',
    type: 'POST',
    url: 'calendar/admin/php/notifica_events.php',
    data: {
      action: 'post',
      title: title,
      message: desc
    },
    success: function() {
      sendPushNotification(desc, title, function() {
        errorText.html("Notifica inviata con successo.");
        errorText.addClass("green");
        errorText.show();

        $('.other-quotes').empty();
        loadNotifications();
      });
    },
    error: function(data) {
      errorText.innerHTML = "* " + data.responseText;
      errorText.addClass("red");
      errorText.show();
    }
  });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form class="form-horizontal" id="notificaEvent" action="" method="post">
  <div class="form-group">
    <label class='col-sm-3 control-label' for='notificaTitle'>Titolo</label>
    <div class='col-sm-7'>
      <input id='notificaTitle' class='form-control' maxlength="50" placeholder='' />
    </div>
  </div>
  <div class="form-group">
    <label class='col-sm-3 control-label' for='Type'>Type</label>
    <div class='col-sm-7'>
      <input type="radio" id="notificaType" name="type" value="important" checked="checked">Important
      <input type="radio" id="notificaType" name="type" value="notimportant"> Not Important<br>
    </div>
  </div>
  <div class="form-group">
    <label class='col-sm-3 control-label' id="notificaAttachment" for='Attachment'>Attachment</label>
    <div class='col-sm-7'>
      <input type="file" name="notificaFile" id="notificaFile">

    </div>
  </div>
  <div class="form-group">
    <label class='col-sm-3 control-label' for='notificaMsg'>Messaggio</label>
    <div class='col-sm-7'>
      <textarea id='notificaMsg' class='form-control' maxlength="300" placeholder=''></textarea>
    </div>
  </div>
  <div id="error-text" class="error-text form-group no-margin-side" style="display: none;">
    <span>* Tutti i campi sono obbligatori</span>
  </div>
  <div class="footer text-center">
    <input type='button' id='notifica_submit' class='btn btn-success send' data-loading-text='Sending notification...' value="INVIA" />
  </div>
</form>

Я хочу передать notificaFile на страницу php, но не работает, когда я изменил код