Αποστολή Φορμών με Μέθοδο POST σε JavaScript

Ας μάθουμε τώρα να στέλνουμε φόρμες με τη μέθοδο POST. Για αυτό, η ιδιότητα method της φόρμας θα οριστεί στην αντίστοιχη τιμή:

<form action="/handler/" method="POST">
	<input name="test1">
	<input name="test2">
	<input type="submit">
</form>

Η διαφορά στην αποστολή με τη μέθοδο POST είναι ότι τα δεδομένα που αποστέλλονται δεν θα είναι ορατά στη γραμμή διευθύνσεων του προγράμματος περιήγησης. Αυτό είναι βολικό όταν τα δεδομένα είναι πολύ μεγάλα, ή όταν δεν θέλουμε να τα δείξουμε στον χρήστη στη γραμμή διευθύνσεων.

Τα δεδομένα, που αποστέλλονται με τη μέθοδο POST, θα μπουν στον διακομιστή μας στην ιδιότητα post του αντικειμένου με τα δεδομένα:

export default {
	'/handler/': function(data) {
		console.log(data.post);
		return 'test';
	}
}

Για συντομία, μπορείτε να κάνετε αποσύνθεση (destructuring), για να πάρετε τα δεδομένα μας σε μια ξεχωριστή μεταβλητή:

export default {
	'/handler/': function({post}) {
		console.log(post);
		return 'test';
	}
}

Ρωτήστε τον χρήστη για όνομα χρήστη και κωδικό πρόσβασης. Μετά την αποστολή, συγκρίνετέ τα με το όνομα χρήστη και τον κωδικό πρόσβασης, που αποθηκεύονται σε μεταβλητές στο διακομιστή. Εάν τα δεδομένα ταιριάζουν, εμφανίστε ένα μήνυμα επιτυχίας, αλλιώς - μήνυμα αποτυχίας.