Formų siuntimas GET metodu JavaScript
Įgyvendinkime formos siuntimą GET metodu pavyzdžiu. Tarkime, kad turime formą, kurios įvesties laukuose įvedami skaičiai:
<form action="/handler/" method="GET">
<input name="num1">
<input name="num2">
<input type="submit">
</form>
Tegul serveris randa gautų skaičių sumą ir siunčia rezultatą atgal į naršyklę. Pirmiausia gaukime išsiųstus skaičius:
export default {
'/handler/': function({get}) {
console.log(get.num1);
console.log(get.num2);
return 'form data received';
}
}
Dabar suraskime jų sumą ir išsiųskime atgal į naršyklę:
export default {
'/handler/': function({get}) {
return Number(get.num1) + Number(get.num2);
}
}
Sukurkite formą su penkiais įvesties laukais, į kuriuos įvedami skaičiai. Tegul serveris apskaičiuoja perduotų skaičių aritmetinį vidurkį ir siunčia rezultatą atgal į naršyklę.
Paklauskite vartotojo jo vardo, pavardės ir patronimo. Išsiųskite duomenis į serverį. Tegul serveris kaip atsaką grąžina pranešimą apie sėkmingą siuntimą.
Paklauskite vartotojo datos formatu metai-mėnuo-diena. Išsiųskite datą į serverį. Tegul serveris patikrina datos formato teisingumą. Jei data teisinga - tegu jis grąžina sėkmės pranešimą, o jei neteisinga - nesėkmės pranešimą.