Explain how to send data from the form, and connect to the API?

Question

API

Good evening, I was given an API to connect, I need to send data from an html page in the "form" format to the server


. I have a form with data.


How can I do it right. Tell me please

Answer 1

Use jquery for example link
Collect data from form

let data = new FormData();
data.append('name', $('#name').val())
...

On form event

$('.formClass').submit(function( event ) {
  event.preventDefault();
  # Нажатие кнопки submit
  # formClass - класс формы
});

to send them

$.ajax({
    url: 'url',  # url куда отправляем
    headers: {  },  # Заголовки
    type: 'POST',  # Метод отправики
    data: data,  # Данные отправки с формы
    beforeSend: function () {
        # Действия перед отправкой
    },
    success: function (response) {
        # Действия в случае удачного ответа
    },
    error: function (response) {
        # Действия если ошибка
     }
 });

It would still be nice to validate the form, but that's a completely different story.

Answer 2

htmlbook.ru/html/form/action