Объясните как отправить данные с формы, и подключиться к API?

Question

[unknown404]

Добрый вечер , мне дали API для подключения , мне нужно сделать отправку данных со страницы html в формате "form" на сервер


У меня есть форма с данными.


Как мне правильно это сделать. Подскажите пожалуйста

Answer 1

[WStanley]

Воспользоваться jquery например ссылка
Собрать данные с формы

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

По событию формы

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

Отправить их

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

Еще не плохо бы провести валидацию формы, но это уже совсем другая история

Answer 2

[Alex]

htmlbook.ru/html/form/action