Vorms met die POST-metode in JavaScript stuur

Laat ons nou leer hoe om vorms te stuur met die POST-metode. Vir hierdie doel stel ons die vorm se method-kenmerk in die ooreenstemmende waarde:

<form action="/handler/" method="POST">
	<input name="test1">
	<input name="test2">
	<input type="submit">
</form>

Die verskil met die POST-stuurmetode is dat gestuurde data nie sigbaar sal wees in die blaaier se adresbalk nie. Dit is gerieflik wanneer die data te lank is, of wanneer ons dit nie aan die gebruiker in die adresbalk wil wys nie.

Data wat met die POST-metode gestuur is, sal op ons bediener in die post-eienskap van die data-objek voorkom:

export default {
	'/handler/': function(data) {
		console.log(data.post);
		return 'test';
	}
}

Vir kortheid kan ons destrukturering doen om ons data in 'n aparte veranderlike te kry:

export default {
	'/handler/': function({post}) {
		console.log(post);
		return 'test';
	}
}

Vra die gebruiker om 'n gebruikersnaam en wagwoord. Nadat dit gestuur is, vergelyk dit met die gebruikersnaam en wagwoord wat in veranderlikes op die bediener gestoor is. As die data ooreenstem, toon 'n suksesboodskap, andersins - 'n mislukkingsboodskap.