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 में लिखें।