解决 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 协议》,转载必须注明作者和本文链接
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
讨论数量: 1
KuangBenDeWoNiu

不行

4年前 评论

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