Задать вопрос
@tenblogman

Как перевести код с JQuery на JS под Bootstrap5?

Ребята, помогите перевести мой код с JQuery на JS для формы с Ajax.
Перевожу свой сайт с bootstrap4 на bootstrap5 и хочу отказать от JQuery.
Вот мой код для сбора инфы с формы обратной связи:
$(document).ready(function () {
    $("form").submit(function () {
        // Получение ID формы
        var formID = $(this).attr('id');
        // Добавление решётки к имени ID
        var formNm = $('#' + formID);
        $.ajax({
            type: "POST",
            url: 'mail.php',
            data: formNm.serialize(),
            success: function (data) {
                // Вывод текста результата отправки
                $(formNm).html(data); 
            },
            error: function (jqXHR, text, error) {
                // Вывод текста ошибки отправки
                $(formNm).html(error);         
            }
        });
        return false;
    });
});
  • Вопрос задан
  • 185 просмотров
Подписаться 3 Средний Комментировать
Ответ пользователя Henxed К ответам на вопрос (2)
Henxed
@Henxed
Чуть более современный способ через fetch, но можно и axios библиотеку
document.addEventListener('DOMContentLoaded', function() {
  const forms = document.getElementsByTagName('form');
  for (let form of forms) {
    form.addEventListener('submit', function(event) {
      event.preventDefault();
      const formId = this.getAttribute('id');
      const formNm = document.getElementById(formId);
      const formData = new FormData(this);
      fetch('mail.php', {
        method: 'POST',
        body: formData
      })
      //axios.post('mail.php',  { body: formData })
      .then(response => response.text())
      .then(data => {
        formNm.innerHTML = data;
      })
      .catch(error => {
        formNm.innerHTML = error;
      });
    });
  }
});
Ответ написан
Комментировать