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