JavaScript-da Forma Yuborish Usullari

Formalar ikki usulda yuborilishi mumkin: GET usuli yoki POST usuli. Formani yuborish usuli formaning method atributi bilan belgilanadi.

Misol uchun, forma uchun GET yuborish usulini ko‘rsatamiz:

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

Endi esa POST usuli:

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

Keling, endi ikkita yuborish usuli o‘rtasidagi farqni ko‘rib chiqaylik. GET usuli holatida forma ma’lumotlari brauzerda parametrlar qatori (query string) ko‘rinishida ko‘rinadi, u kalit-qiymat juftliklaridan tashkil topgan bo‘lib, unda kalit forma elementining nomi, qiymati esa unga kiritilgan ma’lumotlar bo‘ladi. Bunda qiymatlar juftliklari ampersand belgilari bilan ajratiladi.

GET usuli bilan yuborilgan ma’lumotlar serverimizda ma’lumotlar ob'ektining get xususiyatiga tushadi:

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

POST usuli bilan yuborilgan ma’lumotlar esa serverimizda ma’lumotlar ob'ektining post xususiyatiga tushadi:

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

Qisqalik uchun, ma’lumotlarimizni alohida o‘zgaruvchiga olish uchun destrukturizatsiyani bajarish mumkin:

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