解决 Laravel 因浏览器返回按钮重复出现闪存 (一次性 Session)

用过 laravel 的同学应该都知道一次性 session。只会保留到下个 HTTP 请求到来之前,然后就会被删除,通常用来做弹出提示。

但是经常会遇到用户点击浏览器 返回按钮,导致提示又出现了一次,电脑和手机浏览器都是这样。

这是因为浏览器返回动作是没有新的请求,只是本地 返回。

那笔者的思路就是通过 js 在浏览器中缓存一个标志用来记录闪存是否已经被使用。同学可以通过下面代码思路自行修改:

// 基础的判断,php是否有闪存
@if(session()->has('success')) 
        // 继续判断浏览器是否有缓存并且等于该闪存
        if (sessionStorage.getItem('sessiontoastr') !== '{{ session('success') }}') {

            // 记录标志,存的值就是闪存的值
            sessionStorage.setItem('sessiontoastr', '{{ session('success') }}');

            // 弹出提示(这里做自己的闪存动作)
            toastr.success('{{ session('success') }}'); 
        } else {
            // 删不删除标志都可以
            sessionStorage.removeItem('sessiontoastr');
        }
@endif

注意:该代码也有bug,比如浏览器的前进按钮,如有更好方案,欢迎讨论。

本作品采用《CC 协议》,转载必须注明作者和本文链接
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 1
KuangBenDeWoNiu

不行

5年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!