JavaScript-de AJAX arkaly POST haýyşlaryny ibermek

Indi serwere POST haýyşyny ibereli. Bunuň üçin fetch funksiýasynyň ikinji parametri sazlamalar bilen bar. method sazlamasynda HTTP haýyşynyň metody görkezilýär. POST metodyny görkezeli:

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

Gel, şeýle hem serwere iberjek bolýan maglumatlary belgileýeli. POST haýyşlarynda maglumatlar HTTP haýyşynyň gövnesinde iberilýär. Bunuň üçin maglumatlar body sazlamasynda görkezilmeli. Olar Query String görnüşinde görkezilip, olaryň tipi degişli MIME bilen berilýär:

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',
    },
  });
});

Bu maglumatlary serwerden alyp, olar bilen bir zat edeli we yzyna ibereli:

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