JavaScript හි AJAX හරහා POST requests යැවීම

දැන් අපි සේවාදායකය වෙත POST request එකක් යවමු. මේ සඳහා fetch ශ්‍රිතයට දෙවන පරාමිතියක් සැකසුම් සමඟ ඇත. method සැකසුම තුළ HTTP request method එක නියම කරයි. POST method එක නියම කරමු:

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

අපි සේවාදායකය වෙත යවා අවශ්‍ය දත්ත ද නියම කරමු. POST requests වලදී දත්ත පිරිනැමෙන්නේ HTTP request body එක තුළ ය. මේ සඳහා 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 method එක භාවිතයෙන් සේවාදායකය වෙත යවන්න. සේවාදායකය යවන ලද අංකවල එකතුව සොයා ගනිමි. ප්‍රතිඵලය div එක තුළ ලියන්න.