# Отправка POST запросов через AJAX в JavaScript

Давайте теперь отправим на сервер POST запрос. Для этого у функции `fetch` есть второй параметр с настройками. В настройке `method` указывается метод HTTP запроса. Укажем метод POST:

`button.addEventListener('click', function() { let promise = fetch('/handler/', { method: 'post', }); });`

Давайте также зададим данные, которые мы хотим отправить на сервер. В POST запросах данные передаются в теле HTTP запроса. Для этого данные нужно указать в настройке `body`. Укажем их в виде Query String, задав их тип соответствующим MIME:

`button.addEventListener('click', function() { let promise = fetch('/handler/', { method: 'post', body: 'num1=1&num2=2', headers: { 'Content-Type': 'application/x-www-form-urlencoded', }, }); });`

Получим эти данные на сервере, сделаем с ними что-нибудь и отправим их обратно:

`export default { '/handler/': function({ post }) { return Number(post.num1) + Number(post.num2); } }`

На клиенте дан див и кнопка. По нажатию на кнопку отправьте на сервер три числа методом POST. Пусть сервер найдет сумму переданных чисел. Результат запишите в див.

← →
↑
en ru