Методи за испраќање форми во JavaScript

Формите може да се испратат на два начина: со методот GET или методот POST. Начинот на испраќање на формата се регулира со атрибутот method на формата.

На пример, да назначиме метод на испраќање GET за формата:

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

А сега методот POST:

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

Ајде сега да видиме, во што се разликуваат двата методи на испраќање. Во случај на методот GET, податоците од формата ќе бидат видливи во прелистувачот во вид на таканаречениот стринг на параметри (query string), кој претставува парови од видот клуч-вредност, каде што клучот е името на елементот на формата, а вредноста - внесените податоци во него. Притоа, паровите на вредности ќе бидат разделени со амперсанд.

Податоците, испратени со методот GET, ќе пристигнат на нашиот сервер во својството get на објектот со податоци:

export default {
	'/handler/': function(data) {
		console.log(data.get); // ќе се испише во конзолата на серверот
		return 'form data received';
	}
}

А податоците, испратени со методот POST, ќе пристигнат на нашиот сервер во својството post на објектот со податоци:

export default {
	'/handler/': function(data) {
		console.log(data.post); // ќе се испише во конзолата на серверот
		return 'form data received';
	}
}

За краток запис, може да се изврши деструктурирање, за да се добијат нашите податоци во посебна променлива:

export default {
	'/handler/': function({get, post}) {
		console.log(get);
		console.log(post);
		return 'form data received';
	}
}