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