POST pieprasījumu nosūtīšana caur AJAX JavaScript

Tagad nosūtīsim uz serveri POST pieprasījumu. Šim nolūkam funkcijai fetch ir otrais parametrs ar iestatījumiem. Iestatījumā method tiek norādīta HTTP pieprasījuma metode. Norādīsim POST metodi:

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

Norādīsim arī datus, kurus vēlamies nosūtīt uz serveri. POST pieprasījumos dati tiek pārsūtīti HTTP pieprasījuma pamatnē. Šim nolūkam dati jānorāda iestatījumā body. Norādīsim tos Query String formātā, iestatot atbilstošu MIME tipu:

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

Saņemsim šos datus uz servera, izdarīsim ar tiem kaut ko un nosūtīsim tos atpakaļ:

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