Senden von Formularen mit der POST-Methode in JavaScript
Lassen Sie uns nun lernen, Formulare
mit der POST-Methode zu senden. Dazu setzen wir das Attribut method
des Formulars auf den entsprechenden Wert:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Der Unterschied bei der Sendung mit der POST-Methode liegt darin, dass die gesendeten Daten nicht in der Adressleiste des Browsers sichtbar sein werden. Das ist praktisch, wenn die Daten zu lang sind oder wir sie nicht dem Benutzer in der Adressleiste zeigen wollen.
Daten, die mit der POST-Methode gesendet wurden, landen
auf unserem Server in der Eigenschaft post des Objekts
mit den Daten:
export default {
'/handler/': function(data) {
console.log(data.post);
return 'test';
}
}
Der Kürze halber kann man eine Destrukturierung durchführen, um unsere Daten in eine separate Variable zu erhalten:
export default {
'/handler/': function({post}) {
console.log(post);
return 'test';
}
}
Fragen Sie den Benutzer nach einem Login und Passwort. Nach dem Senden vergleichen Sie diese mit dem Login und Passwort, die in Variablen auf dem Server gespeichert sind. Wenn die Daten übereinstimmen, geben Sie eine Erfolgsmeldung aus, andernfalls - eine Fehlermeldung.
