Αποστολή Φορμών με Μέθοδο GET σε JavaScript
Ας υλοποιήσουμε την αποστολή μιας φόρμας με μέθοδο GET με ένα παράδειγμα. Ας υποθέσουμε ότι έχουμε μια φόρμα, στα πεδία εισαγωγής της οποίας εισάγονται αριθμοί:
<form action="/handler/" method="GET">
<input name="num1">
<input name="num2">
<input type="submit">
</form>
Ας βρεί ο διακομιστής το άθροισμα των αριθμών που ελήφθησαν και να στείλει το αποτέλεσμα πίσω στο πρόγραμμα περιήγησης. Αρχικά, ας λάβουμε τους αριθμούς που στάλθηκαν:
export default {
'/handler/': function({get}) {
console.log(get.num1);
console.log(get.num2);
return 'form data received';
}
}
Ας βρούμε τώρα το άθροισμά τους και ας το στείλουμε πίσω στο πρόγραμμα περιήγησης:
export default {
'/handler/': function({get}) {
return Number(get.num1) + Number(get.num2);
}
}
Δημιουργήστε μια φόρμα με πέντε πεδία εισαγωγής, στα οποία εισάγονται αριθμοί. Ας βρεί ο διακομιστής τον αριθμητικό μέσο όρο των αριθμών που μεταδόθηκαν και ας στείλει το αποτέλεσμα πίσω στο πρόγραμμα περιήγησης.
Ρωτήστε το χρήστη για το όνομα, το επώνυμό του και το πατρώνυμο του. Στείλτε τα δεδομένα στον διακομιστή. Ας επιστρέψει ο διακομιστής ως απάντηση ένα μήνυμα για την επιτυχή αποστολή.
Ρωτήστε το χρήστη για μια ημερομηνία στη μορφή έτος-μήνας-ημέρα. Στείλτε την ημερομηνία στον διακομιστή. Ας ελέγξει ο διακομιστής την ορθότητα της μορφής της ημερομηνίας. Εάν η ημερομηνία είναι ορθή - ας επιστρέψει ένα μήνυμα επιτυχίας, ενώ εάν είναι εσφαλμένη - ένα μήνυμα αποτυχίας.
