Űrlapok küldése GET módszerrel JavaScriptben
Valósítsuk meg egy űrlap GET módszerrel történő elküldését egy példán keresztül. Tegyük fel, hogy van egy űrlapunk, amelynek bemeneteibe számokat írunk:
<form action="/handler/" method="GET">
<input name="num1">
<input name="num2">
<input type="submit">
</form>
Tegyük fel, hogy a szerver megkeresi a kapott számok összegét és visszaküldi az eredményt a böngészőbe. Először szerezzük meg az elküldött számokat:
export default {
'/handler/': function({get}) {
console.log(get.num1);
console.log(get.num2);
return 'űrlap adatok megérkeztek';
}
}
Most keressük meg az összegüket és küldjük vissza a böngészőbe:
export default {
'/handler/': function({get}) {
return Number(get.num1) + Number(get.num2);
}
}
Készítsen egy űrlapot öt beviteli mezővel, amelyekbe számokat lehet beírni. A szerver számítsa ki az átadott számok számtani közepét és küldje vissza az eredményt a böngészőbe.
Kérdezze meg a felhasználótól a keresztnevét, vezetéknevét és becsesztnevét. Küldje el az adatokat a szerverre. A szerver válaszként adjon vissza egy üzenetet a sikeres elküldésről.
Kérdezze meg a felhasználótól a dátumot év-hónap-nap formátumban. Küldje el a dátumot a szerverre. A szerver ellenőrizze a dátum formátumának helyességét. Ha a dátum helyes - adjon vissza egy sikerüzenetet, ha helytelen - hibaüzenetet.