Чтобы выполнить запрос POST с использованием Fetch API в JavaScript, вы можете выполнить следующие действия:
- Создайте объект с данными, которые вы хотите отправить в теле запроса. Это можно сделать с помощью объекта
FormDataили вручную создав объект JSON. - Для выполнения запроса используйте функцию
fetch(). Передайте URL-адрес конечной точки API, на которую вы хотите отправить запрос, в качестве первого параметра и объект параметров в качестве второго параметра. - В объекте параметров установите для свойства
methodзначение'POST', чтобы указать, что вы хотите выполнить запрос POST. Кроме того, установите для свойстваbodyобъект данных, созданный на шаге 1, который будет отправлен в качестве тела запроса. - При желании вы можете установить свойство
headersв объекте параметров, чтобы указать любые дополнительные заголовки, которые вы хотите включить в запрос, например тип контента. - Чтобы обработать ответ от сервера, вы можете использовать метод
.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 от сервера. Настройте код в соответствии с вашими требованиями.