Sobes.tech
Back to questions
Middle
5

Есть ли способ обработать форму не через стандартный submit? Как отправить форму через JavaScript?

Companies where asked
Ростелеком

Answer from AI

sobes.tech AI

Да, можно обработать форму без стандартного submit, используя JavaScript для перехвата события отправки и отправки данных через AJAX или Fetch API.

Пример отправки формы через JavaScript с использованием Fetch:

const form = document.querySelector('form');

form.addEventListener('submit', function(event) {
  event.preventDefault(); // Отменяем стандартное поведение

  const formData = new FormData(form);

  fetch(form.action, {
    method: form.method,
    body: formData
  })
  .then(response => response.json())
  .then(data => {
    console.log('Успех:', data);
  })
  .catch(error => {
    console.error('Ошибка:', error);
  });
});

Таким образом, форма не будет отправлена стандартным способом, а данные будут отправлены асинхронно через JavaScript.