Равишҳои фиристодани формҳо дар 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';
	}
}