Lomakkeiden lähettäminen GET-metodilla JavaScriptissä
Toteutetaan lomakkeen lähettäminen GET-metodilla esimerkin avulla. Oletetaan, että meillä on lomake, johon syötetään numeroita:
<form action="/handler/" method="GET">
<input name="num1">
<input name="num2">
<input type="submit">
</form>
Palvelin laskee lähetettyjen numeroiden summan ja lähettää tuloksen takaisin selaimelle. Aluksi haetaan lähetetyt numerot:
export default {
'/handler/': function({get}) {
console.log(get.num1);
console.log(get.num2);
return 'lomakkeen tiedot vastaanotettu';
}
}
Lasketaan nyt niiden summa ja lähetetään takaisin selaimeen:
export default {
'/handler/': function({get}) {
return Number(get.num1) + Number(get.num2);
}
}
Tee lomake, jossa on viisi syötekenttää, joihin syötetään numeroita. Palvelin laskee lähetettyjen numerojen keskiarvon ja lähettää tuloksen takaisin selaimeen.
Kysy käyttäjältä hänen etunimi, sukunimi ja toinen nimi. Lähetä tiedot palvelimelle. Palvelin palauttaa vastauksena viestin onnistuneesta lähetyksestä.
Kysy käyttäjältä päivämäärä muodossa vuosi-kuukausi-päivä. Lähetä päivämäärä palvelimelle. Palvelin tarkistaa päivämäärän muodon oikeellisuuden. Jos päivämäärä on oikea - palvelin palauttaa onnistumisviestin, ja jos väärä - epäonnistumisviestin.