POST pieprasījumu nosūtīšana caur AJAX JavaScript

Tagad nosūtīsim uz serveri POST pieprasījumu. Šim nolūkam funkcijai fetch ir otrais parametrs ar iestatījumiem. Iestatījumā method tiek norādīta HTTP pieprasījuma metode. Norādīsim POST metodi:

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

Norādīsim arī datus, kurus vēlamies nosūtīt uz serveri. POST pieprasījumos dati tiek pārsūtīti HTTP pieprasījuma pamatnē. Šim nolūkam dati jānorāda iestatījumā body. Norādīsim tos Query String formātā, iestatot atbilstošu MIME tipu:

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

Saņemsim šos datus uz servera, izdarīsim ar tiem kaut ko un nosūtīsim tos atpakaļ:

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

Klientā ir dots div un poga. Noklikšķinot uz pogas, nosūtiet uz serveri trīs skaitļus, izmantojot POST metodi. Lai serveris atrod nosūtīto skaitļu summu. Rezultātu ierakstiet div.