prevent show when user press back button in browser?

[izcream]

I use this package in my projects and i found some problem, ex: when i created some product success alert will show. it's work correcty but when i go to create product page again and press back to previous page alert will show up again. how to resolve that?

ps.sorry for my bad english

[jolusadev]

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

[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

[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.

[design-class]

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

[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.

[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...??

[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>

[hasanlq69]

So what the best solution to solve this problem?

[hiski46]

this is work with blade in laravel 8

[TUNG251294]

//only add location.reload();
@if(Session::has('success'))
<script>
Swal.fire({
title: "Delete Success!",
text: "{{ Session::get('success') }}",
icon: 'success',
}).then(function() {
location.reload();
location.href = '/users/list'; //if your want to redirect
})
</script>
@endif

[friday-deployer]

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>

this worked for me