Toon posts:

Invoer in veld weg bij gebruik history(-1) of backbutton

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik zit al een tijdje te rommelen met het probleem dat ik als ik een input field heb waar de gebruiker een waarde invuld, deze submit, en dan de backbutton v/d browser drukt, dat het veld dan weer leeg is of de vorige door de server verstuurde waarde heeft.

Je ziet dat React dit ook heeft. Als ik op "Bekijk bericht" click, en dan de backbutton gebruik is het bericht weer weg. Na het controleren van dit gedrag bij andere sites blijkt dat grofweg de helft hier wel last van heeft en de andere helft niet.

Ik vraag me af waar dit nou aan ligt. De caching HTTP headers van de server hebben hier zeker mee te maken. Zet ik deze te strict, dan werkt de back-button uberhaupt niet meer en wordt telkens op een confirmatie van een repost gevraagd, maar zelfs zonder caching directives zie ik bij mijn eigen server nog dit gedrag, zodat ik het meer in de HTML/clientside/browser hoek probeer te zoeken.

Weet iemand hier meer over?

Verwijderd

Topicstarter
update:

Ik zie nu dat via een include in mijn server side code de volgende meta directives worden toegevoegd:

HTML:
1
2
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate, no-store">


Met name de 2de regel zorgde er voor dat de back-button niet zoals verwacht werkte. Een beetje verwarrend wel dat in HTTP dezelfde info ook al via header gecommuniceerd wordt.