JavaScript ရှိ form များပေးပို့နည်းလမ်းများ

Form များကို နည်းလမ်းနှစ်မျိုးဖြင့် ပေးပို့နိုင်ပါသည်- GET နည်းလမ်း သို့မဟုတ် POST နည်းလမ်း။ Form ပေးပို့သည့် နည်းလမ်းကို form ၏ method attribute ဖြင့် သတ်မှတ်ပါသည်။

ဥပမာအားဖြင့် form အတွက် ပေးပို့နည်းလမ်းကို 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 နည်းလမ်းကို အသုံးပြုသည့်အခါ form ၏ဒေတာများကို ဘရောင်ဇာထဲတွင် query string (query string) ဟုခေါ်သော key-value စုံတွဲများအဖြစ် မြင်ရပါမည်။ ထိုနေရာတွင် key သည် form element ၏ name ဖြစ်ပြီး value သည် ထည့်သွင်းထားသော ဒေတာဖြစ်သည်။ ထို့အပြင် တန်ဖိုးစုံတွဲများကို ampersands များဖြင့် ခွဲခြားထားပါမည်။

GET နည်းလမ်းဖြင့် ပေးပို့ထားသော ဒေတာများသည် ကျွန်ုပ်တို့၏ server ပေါ်ရှိ ဒေတာထည့်ထားသော object ၏ get property ထဲသို့ ရောက်ရှိသွားမည်-

export default {
	'/handler/': function(data) {
		console.log(data.get); // server console တွင် ပြသမည်
		return 'form data received';
	}
}

POST နည်းလမ်းဖြင့် ပေးပို့ထားသော ဒေတာများသည် ကျွန်ုပ်တို့၏ server ပေါ်ရှိ ဒေတာထည့်ထားသော object ၏ post property ထဲသို့ ရောက်ရှိသွားမည်-

export default {
	'/handler/': function(data) {
		console.log(data.post); // server console တွင် ပြသမည်
		return 'form data received';
	}
}

အတိုချုပ်ရရန် ကျွန်ုပ်တို့၏ဒေတာကို သီးခြား variable တစ်ခုထဲရရှိရန် destructuring ကို အသုံးပြုနိုင်ပါသည်-

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