Formulierverzending met GET-methode in JavaScript
Laten we de verzending van een formulier met de GET-methode met een voorbeeld implementeren. Stel dat we een formulier hebben waarin getallen worden ingevoerd in de invoervelden:
<form action="/handler/" method="GET">
<input name="num1">
<input name="num2">
<input type="submit">
</form>
Stel dat de server de som van de ontvangen getallen vindt en het resultaat terugstuurt naar de browser. Laten we eerst de verzonden getallen ophalen:
export default {
'/handler/': function({get}) {
console.log(get.num1);
console.log(get.num2);
return 'formuliergegevens ontvangen';
}
}
Laten we nu hun som vinden en terugsturen naar de browser:
export default {
'/handler/': function({get}) {
return Number(get.num1) + Number(get.num2);
}
}
Maak een formulier met vijf invoervelden, waarin getallen worden ingevoerd. Laat de server het gemiddelde berekenen van de doorgegeven getallen en het resultaat terugsturen naar de browser.
Vraag de gebruiker naar zijn voornaam, achternaam en patroniem. Stuur de gegevens naar de server. Laat de server als antwoord een bericht terugsturen over succesvolle verzending.
Vraag de gebruiker om een datum in het formaat jaar-maand-dag. Stuur de datum naar de server. Laat de server de juistheid van het datumformaat controleren. Als de datum correct is - laat het dan een succesbericht terugsturen, en als het incorrect is - een mislukkingsbericht.
