JavaScript орқали AJAX воситасида POST сўровларни юбориш

Энди серверга 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);
  }
}