JavaScript में AJAX के माध्यम से GET अनुरोध भेजना

आइए अब सीखते हैं कि AJAX अनुरोध में सर्वर पर डेटा कैसे भेजा जाता है। सर्वर इस डेटा के साथ कुछ करेगा और हमें वापस परिणाम भेजेगा।

हमारा परीक्षण सर्वर उस डेटा को संसाधित करेगा जो पते पर भेजा गया है /handler/:

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

आइए सबसे पहले एक GET अनुरोध भेजते हैं:

button.addEventListener('click', function() {
	let promise = fetch('/handler/?num=3');
});

आइए सर्वर साइड पर भेजे गए डेटा को प्राप्त करते हैं:

export default {
	'/handler/': function({get}) {
		console.log(get.num); // 3 output करेगा
	}
}

आइए इस डेटा के साथ कुछ करते हैं और इसे वापस भेजते हैं:

export default {
	'/handler/': function({get}) {
		return get.num ** 2;
	}
}

क्लाइंट साइड पर परिणाम प्राप्त करते हैं और इसे कहीं आउटपुट करते हैं:

button.addEventListener('click', function() {
	fetch('/handler/?num=3').then(
		response => {
			return response.text();
		}
	).then(
		text => {
			console.log(text);
		}
	);
});

क्लाइंट पर एक div और एक बटन दिया गया है। बटन दबाने पर सर्वर पर दो नंबर भेजें। सर्वर को भेजी गई संख्याओं का योग ज्ञात करने दें। परिणाम को div में लिखें।

मान लें कि सर्वर पर एक सरणी दी गई है। मान लें कि सर्वर उम्मीद करता है कि एक पैरामीटर के रूप में एक संख्या पास की जाएगी, और सरणी का वह तत्व लौटाता है जो इस संख्या से मेल खाता है। बटन दबाने पर सर्वर पर एक निश्चित संख्या पास करें, और सर्वर के उत्तर को एक पैराग्राफ में आउटपुट करें।