Skicka POST-förfrågningar via AJAX i JavaScript

Låt oss nu skicka en POST-förfrågan till servern. För detta har funktionen fetch en andra parameter med inställningar. I inställningen method anges HTTP-metoden för förfrågan. Låt oss ange metoden POST:

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

Låt oss också ange data som vi vill skicka till servern. I POST-förfrågningar skickas data i brödtexten i HTTP-förfrågan. För detta måste data anges i inställningen body. Låt oss ange dem i form av Query String, och ange deras typ med motsvarande 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',
    },
  });
});

Låt oss ta emot denna data på servern, göra något med den och skicka tillbaka den:

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