Испраќање POST барања преку AJAX во JavaScript

Ајде сега да испратиме до серверот 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);
  }
}