Wie aktualisiert (lädt) man eine Seite mit JavaScript neu?
Hallo zusammen! Ich bin neu in JavaScript und habe folgende Aufgabe: Nachdem der Benutzer auf die Schaltfläche „Senden“ in einem Formular klickt, muss die Seite automatisch neu geladen werden, um alle Felder zurückzusetzen und die aktuellen Daten vom Server anzuzeigen. Ich habe versucht, dies mit window.location = window.location.href zu tun, aber die Seite hängt sich einfach auf oder gibt manchmal den Fehler „too many redirects“ aus. Hier ist mein Code:
```javascript
document.getElementById('myForm').addEventListener('submit', function(event) {
event.preventDefault();
// ... hier sende ich Daten über fetch oder XMLHttpRequest ...
window.location = window.location.href; // versuche, die Seite neu zu laden
});
```
Könnt ihr mir bitte sagen, wie man eine Seite in JavaScript richtig neu lädt? Gibt es vielleicht Fallstricke, die ich nicht kenne? Vielen Dank im Voraus für eure Hilfe!
<<>>
Verwendung der Methode
Verwendung der Methode location.reload()
Der korrekteste und einfachste Weg, eine Seite neu zu laden, ist die Verwendung von location.reload(). Diese Methode simuliert das Drücken der Aktualisierungstaste des Browsers. Wenn du location.reload(true) verwendest, wird die Seite vom Server neu geladen (anstatt aus dem Cache). Vermeide die Zuweisung von window.location, da dies zu einer Endlosschleife führen kann, wenn die Seite nach dem Senden des Formulars erneut geladen wird.