JavaScript এ AJAX এর মাধ্যমে POST অনুরোধ পাঠানো

এখন আসুন সার্ভারে একটি POST অনুরোধ পাঠাই। এর জন্য fetch ফাংশনের একটি দ্বিতীয় প্যারামিটার রয়েছে যেখানে সেটিংস দেওয়া যায়। method সেটিংসে HTTP অনুরোধের মেথড নির্দিষ্ট করা হয়। আসুন POST মেথড নির্দিষ্ট করি:

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

আসুন সেই ডেটাগুলিও সেট করি যা আমরা সার্ভারে পাঠাতে চাই। POST অনুরোধে, ডেটা পাঠানো হয় HTTP অনুরোধের বডিতে। এর জন্য ডেটা body সেটিংসে নির্দিষ্ট করতে হবে। আসুন সেগুলি Query String আকারে নির্দিষ্ট করি, এবং তাদের টাইপ সংশ্লিষ্ট MIME দিয়ে সেট করি:

button.addEventListener('click', function() {
	let promise = fetch('/handler/', {
		method: 'post',
		body: 'num1=1&num2=2',
		headers: {
			'Content-Type': 'application/x-www-form-urlencoded',
		},
	});
});

আসুন এই ডেটা সার্ভারে পাই, সেগুলি দিয়ে কিছু করি এবং ফেরত পাঠাই:

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

ক্লায়েন্টে একটি div এবং একটি বাটন দেওয়া আছে। বাটনে ক্লিক করলে POST মেথড ব্যবহার করে সার্ভারে তিনটি সংখ্যা পাঠান। সার্ভার যেন প্রেরিত সংখ্যাগুলির যোগফল বের করে। ফলাফল div এ লিখুন।