Menghantar Permintaan POST melalui AJAX dalam JavaScript

Sekarang mari kita hantar permintaan POST ke pelayan. Untuk ini, fungsi fetch mempunyai parameter kedua dengan tetapan. Dalam tetapan method kaedah permintaan HTTP dinyatakan. Mari kita nyatakan kaedah POST:

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

Mari kita juga tetapkan data yang kita ingin hantar ke pelayan. Dalam permintaan POST, data dihantar dalam badan permintaan HTTP. Untuk ini data perlu dinyatakan dalam tetapan body. Mari kita nyatakan dalam bentuk Query String, dengan menetapkan jenis mereka MIME yang sesuai:

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

Mari kita dapatkan data ini di pelayan, lakukan sesuatu dengannya dan hantar mereka kembali:

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