prevent show when user press back button in browser? about sweet-alert

[design-class]

Try reload page when alert window closes
For example
swal({...})
.then(function(){
window.location.reload(window.location.href);
});

[uxweb]

@izcream @jolusadev Hi, this is related to how the data is passed to the laravel session driver.

A way to solve this is by forget the message after displaying it:

@if (Session::has('sweet_alert.alert'))
    <script>
        swal({!! Session::get('sweet_alert.alert') !!});
    </script>

    {{ Session::forget('sweet_alert.alert') }}    // This will forget the alert data after displaying it :)
@endif

[uxweb]

This is an issue related on how the browser's cache and cookies work, i think is not an issue with Laravel neither the package.

[eng-ahmednasser]

Try this
<script> if (window.performance) { var navEntries = window.performance.getEntriesByType('navigation'); if (navEntries.length > 0 && navEntries[0].type === 'back_forward') { console.log('As per API lv2, this page is load from back/forward'); } else if (window.performance.navigation && window.performance.navigation.type == window.performance.navigation.TYPE_BACK_FORWARD) { console.log('As per API lv1, this page is load from back/forward'); } else { console.log('This is normal page load'); @if (Session::has('sweet_alert.alert')) swal( {!! Session::get('sweet_alert.alert') !!} ); {{ Session::forget('sweet_alert.alert') }} // This will forget the alert data after displaying it :) @endif } } else { console.log("Unfortunately, your browser doesn't support this API"); } </script>

[jolusadev]

I have the same problem. When I press the back button without edit some item I get the sweetalert.

[jolusadev]

Thanks for your anwser. That code not work for me. I think is a navigator cache problem with sessions.

[izcream]

i tried that code but isn't work for me too.

[AdamEsterle]

@uxweb Probably is still here.

Back button just re-runs the JS in cache (so SWAL shows again)

Maybe there should be a default functionality to "show once" somehow - not sure though... perhaps set a variable

var shown = false

if(!shown){
display SWAL
shown = true
}

Not sure if that var will keep scope though after you press the back button...??

[hasanlq69]

So what the best solution to solve this problem?

[hiski46]

this is work with blade in laravel 8