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

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

ဥပမာအားဖြင့် form အတွက် ပေးပို့နည်းလမ်းကို GET အဖြစ် သတ်မှတ်ပါမည်-

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

ယခု POST နည်းလမ်း-

public/form.html<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 ထဲသို့ ရောက်ရှိသွားမည်-

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

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

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

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

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