easyadmin layui js监听返回结果,进行token验证防止连点

记录:easyadmin layui js监听返回结果

1.页面增加TOKEN隐藏值

html 复制代码
<input type="hidden" name="TOKEN" value="{$row.id}">

2.JS监听返回结果,若失败,则赋值页面TOKEN值

js 复制代码
define(["jquery", "easy-admin"], function ($, ea) {

    var init = {
        table_elem: '#currentTable',
        table_render_id: 'currentTableRenderId',
        show_url: 'cangku.bcktz/show',
        createCkd_url: 'cangku.bcktz/createCkd',
    };

    var Controller = {
        show: function () {
            ea.listen();
        },
        createCkd:function () {
            // ea.listen();
            ea.listen(function (data) {
                // 提交保存的数据
                return data;
            }, function (res) {
                // 成功
                ea.msg.success(res.msg, function () {
                    ea.api.closeCurrentOpen({
                        refreshTable: 'currentTableRenderId'
                    });
                });
            }, function (res) {
                // 失败 
                ea.msg.error(res.msg, function () {
                    if(res.data && res.data.token){
                        $('input[name=TOKEN]').val(res.data.token);
                    }
                });
            });
        },
    };
    return Controller;
});

3.功能

php 复制代码
public function createCkd($id)
{
    if ($this->request->isAjax() && $this->request->isPost()) {
        if(jianYanToken(input('TOKEN')) === false){
            $this->error('token失效,请刷新页面', ['token'=>getToken()]);
        }
        $data = [
            ......
        ];
        $result = $this->logic->createCkd($data);
        if($result['status'] !== 'success'){
            $this->error($result['msg'], ['token'=>getToken()]);
        }
        $this->success('保存成功');
    }
    $this->assign('TOKEN', getToken());
    return $this->fetch();
}

4.common.php 定义token方法

php 复制代码
use think\facade\Cache;

// 生成token
function createToken($length=32) {
    $str = '12356789ABCDEFGHIJKLMNOPQRSTUVWXYZ';//34个字符
    $strlen = 34;
    while($length > $strlen){
        $str .= $str;
        $strlen += 34;
    }
    $str = str_shuffle($str);   //随机地打乱字符串中的所有字符
    $token = substr($str,0,$length); //截取字符串
    Cache::tag('pageToken')->set('pageToken_' . session('admin.id'), $token);
    return $token;
}

// 验证token
function jianYanToken($token) {
    if($token != Cache::get('pageToken_' . session('admin.id'))){
        return false;
    }
    createToken();  //重置token
    return true;
}
// 获取token
function getToken() {
    $token = Cache::get('pageToken_' . session('admin.id'));
    if(!$token){
        $token = createToken();  //生成token
    }
    return $token;
}
相关推荐
程序员大阳8 小时前
HTML+CSS+JS对话式实战(3)-活动管理页实现查询、新增、删除API后端接口
javascript·css·html·实战·删除·查询·新增
炫酷的大高个9 小时前
6 亿播放的闪身步,我用前端算出 15 倍重心差
前端·javascript
林小帅9 小时前
【笔记】Prisma v7 + SQLite TS2305 及连锁 TS7006 问题
前端·javascript·后端
Dumbness9 小时前
订阅消息弹窗必须在用户点击里调:联调实验室里 timing 和 Mock 支付通知踩的坑
javascript·uni-app
黄连木笛10 小时前
不改一行 Postman 源码,把它汉化了:Electron preload 注入 + fetch 拦截实战
javascript·electron
叼烟扛炮11 小时前
[LangChain] 学习笔记(03):打破失忆症——对话机制与上下文管理
java·前端·javascript·笔记·学习·langchain
卋罖75012 小时前
Razor 视图 + JavaScript + Vue/iView 组件实现的表格自定义列
javascript·vue·iview·razor视图
系统集成-鹰翔1 天前
ERP图片改名后仍命中识别缓存:缓存键、十分钟到期与调用计数
javascript·经验分享·后端
FlyWIHTSKY1 天前
vue2和vue3有什么区别,用法上有哪些区别
前端·javascript·vue.js
程序员大阳1 天前
副队长JavaScript教程(66)-本地存储实战:待办事项网页的开发
javascript·json·实战·待办事项·本地存储·案例