JavaScript арқылы AJAX көмегімен POST сұрауларды жіберу

Енді серверге 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);
  }
}