Как сделать POST-запрос с помощью Fetch API в JavaScript

Чтобы выполнить запрос POST с использованием Fetch API в JavaScript, вы можете выполнить следующие действия:

  1. Создайте объект с данными, которые вы хотите отправить в теле запроса. Это можно сделать с помощью объекта FormDataили вручную создав объект JSON.
  2. Для выполнения запроса используйте функцию fetch(). Передайте URL-адрес конечной точки API, на которую вы хотите отправить запрос, в качестве первого параметра и объект параметров в качестве второго параметра.
  3. В объекте параметров установите для свойства methodзначение 'POST', чтобы указать, что вы хотите выполнить запрос POST. Кроме того, установите для свойства bodyобъект данных, созданный на шаге 1, который будет отправлен в качестве тела запроса.
  4. При желании вы можете установить свойство headersв объекте параметров, чтобы указать любые дополнительные заголовки, которые вы хотите включить в запрос, например тип контента.
  5. Чтобы обработать ответ от сервера, вы можете использовать метод .then()в обещании fetch и связать его с методом .catch()для обработки любые ошибки.

Вот пример, демонстрирующий выполнение POST-запроса с помощью Fetch API:

const data = {
  name: 'John',
  age: 30
};
fetch('https://example.com/api-endpoint', {
  method: 'POST',
  body: JSON.stringify(data),
  headers: {
    'Content-Type': 'application/json'
  }
})
  .then(response => response.json())
  .then(data => {
    console.log('Response:', data);
  })
  .catch(error => {
    console.error('Error:', error);
  });

В этом примере объект JSON отправляется в тексте запроса и ожидается ответ JSON от сервера. Настройте код в соответствии с вашими требованиями.