25.11.2022, 12:48
(Dieser Beitrag wurde zuletzt bearbeitet: 25.11.2022, 12:50 von rzscout.
Bearbeitungsgrund: Eine Zeile Code hinzugefügt
)
Hi T.Billen,
deine Variante ist viel zu kompliziert. Das kann man einfacher gestalten und du bekommst die Richtigen Daten die du brauchst.
Hier meine Variante:
Informatione zu POST und GET: GET ist mit der Datenmenge beschränkt und man sollte für Datenübertragung POST bevorzugt verwenden.
deine Variante ist viel zu kompliziert. Das kann man einfacher gestalten und du bekommst die Richtigen Daten die du brauchst.
Hier meine Variante:
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
document.addEventListener('DOMContentLoaded', function(){
var myForm = document.getElementById('myForm');
var myFormData = new FormData(myForm);
var xhr = new XMLHttpRequest();
xhr.open(myForm.getAttribute('method'), myForm.getAttribute('action'));
xhr.addEventListener('readystatechange', ()=> {
if(xhr.status == 200 && xhr.readyState == 4) {
console.log('Übertragung war erfolgreich!');
document.location = 'meinZiel.html';
}
});
xhr.send(myFormData);
});
</script>
</head>
<body>
<form id="myForm" action="./backend/test.php" method="post">
<input type=hidden name="field_1" value="value_1">
<input type=hidden name="field_2" value="value_2">
<input type=hidden name="field_3" value="value_3">
</form>
</body>
</html>
Informatione zu POST und GET: GET ist mit der Datenmenge beschränkt und man sollte für Datenübertragung POST bevorzugt verwenden.
"Gerne dürft ihr mir eine gute Bewertung da lassen aber auch gegenüber Kritik bin ich offen"