JavaScript'te AJAX ile POST İstekleri Gönderme

Şimdi sunucuya bir POST isteği gönderelim. Bunun için, fetch fonksiyonunun ikinci bir parametresi (ayarlar) vardır. method ayarında HTTP istek metodu belirtilir. POST metodunu belirtelim:

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

Ayrıca sunucuya göndermek istediğimiz verileri de belirtelim. POST isteklerinde veriler HTTP isteğinin gövdesinde (body) iletilir. Bunun için veriler body ayarında belirtilmelidir. Onları Query String formatında, tiplerini uygun bir MIME ile belirterek verelim:

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 verileri sunucuda alalım, onlarla bir şeyler yapalım ve geri gönderelim:

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