Deploya Forms Test Page

Тестовая страница для проверки отправки форм

На этой странице две формы с атрибутом data-deploya="true". Левая отправляется обычным HTML POST-запросом и перезагружает страницу. Правая отправляется через JavaScript/AJAX без перезагрузки страницы и ожидает JSON-ответ от обработчика.

1. Обычная форма Работает без JavaScript. Браузер сам отправляет поля методом POST на текущий адрес страницы.

2. AJAX-форма Скрипт отменяет стандартную отправку, собирает FormData и отправляет через fetch.

3. Маркер Deploya Для теста обе формы имеют data-deploya="true", чтобы обработчик мог распознать заявку.

Вы можете скачать этот сайт себе и загрузить его в свои проекты Deploya, чтобы протестировать, как работают обычные HTML-формы, AJAX-отправка заявок и отработка заявок в панели/обработчике.

HTML POST

Обычная HTML-форма

Подходит для простого сайта: пользователь нажимает кнопку, браузер делает POST-запрос. JavaScript не нужен.

<form name="contact_html" method="POST" data-deploya="true">
  <input name="name" placeholder="Ваше имя">
  <input name="phone" type="tel" placeholder="Телефон">
  <textarea name="message" placeholder="Комментарий"></textarea>
  <button type="submit">Отправить</button>
</form>

AJAX / fetch

AJAX-форма без перезагрузки

Подходит, когда нужно показать статус на странице: «отправляем», «готово», «ошибка».

fetch(form.action || location.pathname, {
  method: 'POST',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded',
    'Accept': 'application/json'
  },
  body: new URLSearchParams(new FormData(form))
});

Нужно забрать файл для своих тестов? Нажмите кнопку — она вернёт вас к верхнему блоку скачивания.