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

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

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

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

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

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

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