Время сеанса истекло. в форме сообщения ajax

Question

У меня есть следующий фрагмент кода html из моего представления и js-код для обработки запроса формы.

$('#quick-enquiry').on('submit', function(e) {
  e.preventDefault();
  $(".submit").prop("disabled", true);
  data = $(this).serialize();
  action = $(this).attr('action');
  $.ajax({
    type: 'POST',
    url: action,
    data: data,
    headers: {
      "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")
    },
    success: function(data) {
      if ($.isEmptyObject(data.error)) {
        $("#quick-enquiry").trigger("reset");
        $('.print-error-msg').find('ul').empty();
        $('.print-error-msg').css('display', 'block');
        $("#response-msg").toggleClass('uk-alert-danger uk-alert-success');
        $('.print-error-msg').find('ul').append("<li>" + data.success + "</li>");
        setTimeout(function() {
          $('.print-error-msg').fadeOut();
          $(".submit").prop("disabled", false);
          UIkit.modal("#modal-quick-enquiry").hide();
        }, 3000);
      } else {
        printMessageErrors(data.error);
      }
    }
  });
});

function printMessageErrors(msg) {
  $('.print-error-msg').find('ul').empty();
  $('.print-error-msg').css('display', 'block');
  $.each(msg, function(key, value) {
    $('.print-error-msg').find('ul').append("<li>" + value + "</li>");
  });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.26/js/uikit.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.26/css/uikit.min.css" rel="stylesheet" />
<form action="{{ route('frontend-postEnquiry') }}" method="POST" id="quick-enquiry">
  <input type="hidden" id="tour-id" value="1">
  <div class="uk-margin">
    <label class="uk-form-label" for="form-stacked-text">Full Name</label>
    <div class="uk-form-controls">
      <input class="uk-input uk-form-width-large" type="text" placeholder="Full Name" id="fullName" name="fullName">
    </div>
  </div>

  <div class="uk-margin">
    <label class="uk-form-label" for="form-stacked-text">Email</label>
    <div class="uk-form-controls">
      <input class="uk-input uk-form-width-large" type="email" placeholder="Email" id="email" name="email">
    </div>
  </div>
  <div class="uk-margin">
    <label class="uk-form-label" for="form-stacked-text">Message</label>
    <div class="uk-form-controls">
      <textarea class="uk-textarea uk-form-width-large" rows="4" placeholder="Some Message...." id="enquiryMessage" name="enquiryMessage"></textarea>
    </div>
  </div>
  <p class="uk-text-right">
    <button class="uk-modal-close-default" type="button" uk-close></button>
    <button class="uk-button uk-button-primary submit uk-width-1-1" type="submit">Send</button>
  </p>
</form>

С приведенным выше кодом я получаю

419 Извините, ваш сеанс истек. Пожалуйста, обновите и попробуйте снова.

Я установил CSRF-TOKEN в ajax и в разделе head также, но, похоже, мой js-код не принимает токен csrf.

Я был бы очень благодарен, если бы кто-нибудь мог выделить ошибку, которую я сделал выше.

Answer 1

Попробуйте использовать это: {{ csrf_field() }} вместо @csrf

419 Ошибка в основном из-за проблем с токеном CSRF.