PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact

Pagina herladen als ik op terug knop in browser druk

Door Guido - op 24-09-2023 18:07
5.358 views
Hoi,

Als ik mijn contactformulier invul en verstuur wordt ik doorgestuurd naar een bedankpagina.

Echter, als ik op de terug knop in mijn browser druk komt het ingevulde formulier weer te voorschijn. Dat wil ik niet.

Dus heb ik onderstaande snippet gevonden en toegevoegd. Dit zorgt ervoor dat de vorige pagina herladen wordt als ik op de terug knop druk. Waardoor formulier dus leeg getoond wordt.

if (window.performance.getEntriesByType('navigation')[0].type === "back_forward") {location.reload();}


Ik heb weinig verstand van JS, mijn vraag is of dit correct is en geen deprecated onderdelen bevat?
Ik las dat "navigation" deprecated is, maar ik weet niet of dit over het element uit mijn code gaat:
https://developer.mozilla.org/en-US/docs/Web/API/Performance

Guido
A Adoptive Solution
24-09-2023 20:00 gewijzigd op 24-09-2023 20:01
Ik gebruik deze code.

De middelste if heb ik zelf toegevoegd. Als je die gebruikt keer je terug naar de form pagina waar je vandaan kwam.

Als je de 2 regels comment // blijf je op dezelfde pagina.

Het werkt niet met bestanden uploaden. Daarvoor moet je eerst $_FILES verwerken voordat je onderstaande code uitvoert.

https://stackoverflow.com/questions/13889198/php-avoid-browser-reposting-post-on-page-refresh/13889283#13889283

<?php
session_start();

if( strcasecmp( $_SERVER['REQUEST_METHOD'],"POST" ) === 0 )
{
	$_SESSION['postdata'] = $_POST;
	header("Location: ".$_SERVER['PHP_SELF']."?".$_SERVER['QUERY_STRING']);
	exit();
}

if ( !$_SESSION['postdata'] )
{
	header("Location: ./");
	exit();
}

if( isset( $_SESSION['postdata'] ) )
{
	$_POST = $_SESSION['postdata'];
	unset($_SESSION['postdata']);

}
?>
<!DOCTYPE html>
Guido -
24-09-2023 20:19
@arien - dat zal betekenen dat ik mijn hele plugin moet ombouwen, omdat die gebruikt maakt van $_post methode.

@Adoptive Solution - Bedankt, maar het betreft een plugin van WordPress en het gebruik van PHP sessies wordt sterk ontmoedigd (WordPress heeft een zogenaamnde transients API voor tijdelijke opslag van data).

Ik heb nog geen oordeel gekregen over mijn JS fix?

Guido
- Ariën -
24-09-2023 21:10
Jawel hoor. Ik ben er kort en bondig in.

- Ariën - op 24/09/2023 19:37:16

Los het serverside op. Clientside kan je alles omzeilen.


Guido -
24-09-2023 21:20 gewijzigd op 24-09-2023 23:28
Dit werkt ook, lijkt een betere browser support te hebben:

if (window.performance.getEntriesByType('navigation')[0].type === "back_forward") {window.location.href=window.location.href;}


[size=xsmall]Toevoeging op 24/09/2023 23:27:45:[/size]

Los het serverside op. Clientside kan je alles omzeilen.


Deze methode gebruik ik al voor doorsturen na succesvol verzenden. Dus verversen vd pagina is ondervangen, alleen mijn vraag ging over terug naar vorige pagina.

Guido
Guido -
26-09-2023 07:49 gewijzigd op 26-09-2023 21:56
Hoi,

Ik maak dus al gebruik van Post/Redirect/Get en dat werkt prima. Ik zie dat mijn $_post global leeg is na verzenden van formulier.

De reden waarom formulier ingevuld is als ik op de terug knop druk komt doordat de waardes in geheugen van de browser blijven staan.. Is dat op een eenvoudige manier op te lossen? Ik kan autocomplete="off" toevoegen aan mijn formulier maar dat werkt niet optimaal in alle browsers merk ik.

Aanvulling: ik ben er achter dat dit met headers / de back/forward cache te maken heeft.

Guido
Guido -
21-02-2024 16:30 gewijzigd op 21-02-2024 16:39
Aanvulling: ik ben er achter dat dit met headers / de back/forward cache te maken heeft.


Als ik formulier verstuur, word ik doorgestuurd naar een bedankpagina. Echter, als ik dan op de terug knop in mijn browser druk verschijnt de vorige pagina weer in beeld met daarop het ingevulde(!) formulier. Dat voorkom ik met onderstaande code (bron (oa) Stack Overflow). De pagina wordt herladen, met als gevolg dat formulier leeg gemaakt wordt.


if (document.addEventListener) {
    window.addEventListener('pageshow', function (event) {
        if (event.persisted || performance.getEntriesByType("navigation")[0].type === 'back_forward') {
            location.reload();
        }
    },
    false);
}


Opmerkingen / verbeteringen zijn welkom.

Guido
A Adoptive Solution
21-02-2024 18:01
Antwoord indertijd gegeven.

Zet de code op je bedankpagin.



[size=xsmall]Toevoeging op 21/02/2024 18:01:42:[/size]

Antwoord indertijd gegeven.

Zet de code op je bedankpagina.

https://www.phphulp.nl/php/forum/topic/pagina-herladen-als-ik-op-terug-knop-in-browser-druk/104784/1/#760344

[size=xsmall]Toevoeging op 21/02/2024 18:02:41:[/size]

Antwoord indertijd gegeven.

Zet de code op je bedankpagina.

https://www.phphulp.nl/php/forum/topic/pagina-herladen-als-ik-op-terug-knop-in-browser-druk/104784/1/#760344

[size=xsmall]Toevoeging op 21/02/2024 18:03:15:[/size]

Drie keer is scheepsrecht. Forum heeft hetzelfde euvel.
Guido -
21-02-2024 20:10 gewijzigd op 21-02-2024 20:10
Hoi,

En zie mijn toenmalige reactie, gebruik van PHP sessie wordt afgeraden binnen het betreffende CMS (WordPress).

Wat is er mis met de js benadering?

Guido
- Ariën -
21-02-2024 21:17 gewijzigd op 21-02-2024 21:18
Guido - op 21/02/2024 20:10:01


En zie mijn toenmalige reactie, gebruik van PHP sessie wordt afgeraden binnen het betreffende CMS (WordPress).

Waar heb je dat gevonden? Ik ben benieuwd hoe dat bekrachtigd wordt en wat de argumenten zijn, want ik zie diverse tutorials over Wordpress plug-ins die gewoon PHP sessies gebruiken.

Reageren

Inloggen om te reageren