Afsendelse af formularer med GET-metoden i JavaScript
Lad os implementere afsendelse af en formular med GET-metoden ved hjælp af et eksempel. Antag, at vi har en formular, hvor der indtastes tal i inputfelterne:
<form action="/handler/" method="GET">
<input name="num1">
<input name="num2">
<input type="submit">
</form>
Lad serveren finde summen af de modtagne tal og sende resultatet tilbage til browseren. Lad os først hente de sendte tal:
export default {
'/handler/': function({get}) {
console.log(get.num1);
console.log(get.num2);
return 'form data received';
}
}
Lad os nu finde deres sum og sende den tilbage til browseren:
export default {
'/handler/': function({get}) {
return Number(get.num1) + Number(get.num2);
}
}
Lav en formular med fem inputfelter, hvor der indtastes tal. Lad serveren beregne det aritmetiske gennemsnit af de overførte tal og sende resultatet tilbage til browseren.
Spørg brugeren om hans/hendes fornavn, efternavn og mellemnavn. Send dataene til serveren. Lad serveren returnere en besked om vellykket afsendelse som svar.
Spørg brugeren om en dato i formatet år-måned-dag. Send datoen til serveren. Lad serveren kontrollere korrektheden af datoformatet. Hvis datoen er korrekt - lad den returnere en succesbesked, og hvis den er ukorrekt - en fiaskobesked.