Ձևերի ուղարկման մեթոդները JavaScript-ում

Ձևերը կարող են ուղարկվել երկու եղանակով. GET մեթոդով կամ POST մեթոդով: Ձևի ուղարկման եղանակը կարգավորվում է ձևի method ատրիբուտով:

Օրինակ, սահմանենք ձևի համար ուղարկման 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 մեթոդի դեպքում ձևի տվյալները տեսանելի կլինեն բրաուզերում այսպես կոչված պարամետրերի տող-ի (query string) տեսքով, որն իրենից ներկայացնում է բանալի-արժեք զույգեր, որտեղ բանալին կլինի ձևի տարրի անունը, իսկ արժեքը` դրանում մուտքագրված տվյալները: Այս դեպքում արժեքների զույգերը կլինեն բաժանված ամպերսանդներով:

GET մեթոդով ուղարկված տվյալները կհայտնվեն մեր սերվերում տվյալների օբյեկտի get հատկության մեջ.

server.jsexport default {
  '/handler/': function(data) {
    console.log(data.get); // կարտացոլվի սերվերի կոնսոլում
    return 'form data received';
  }
}

Իսկ POST մեթոդով ուղարկված տվյալները կհայտնվեն մեր սերվերում տվյալների օբյեկտի post հատկության մեջ.

server.jsexport default {
  '/handler/': function(data) {
    console.log(data.post); // կարտացոլվի սերվերի կոնսոլում
    return 'form data received';
  }
}

Համառոտության համար կարելի է կատարել դեստրուկտուրացում, որպեսզի ստացվեն մեր տվյալները առանձին փոփոխականի մեջ.

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