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;
}
相关推荐
谦哥26 分钟前
Claude4免费Vibe Coding!目前比较好的Cursor替代方案
前端·javascript·claude
心在飞扬40 分钟前
理解JS事件环(Event Loop)
前端·javascript
敲代码的玉米C44 分钟前
深入理解链表反转:从基础到进阶的完整指南
javascript
山有木兮木有枝_1 小时前
JavaScript 设计模式--单例模式
前端·javascript·代码规范
10年前端老司机2 小时前
React 受控组件和非受控组件区别和使用场景
前端·javascript·react.js
夏晚星2 小时前
vue实现微信聊天emoji表情
前端·javascript
極光未晚2 小时前
TypeScript在前端项目中的那些事儿:不止于类型的守护者
前端·javascript·typescript
Rrvive2 小时前
原型与原型链到底是什么?
javascript
極光未晚3 小时前
JavaScript BOM 对象:浏览器的隐形控制塔
前端·javascript·源码
天涯学馆3 小时前
网站秒变 App!手把手教你搞定 PWA
前端·javascript·面试