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;
}
相关推荐
呼啦啦呼啦啦啦啦啦啦6 小时前
利用pdfjs实现的pdf预览简单demo(包含翻页功能)
android·javascript·pdf
前端 贾公子8 小时前
vue-cli 模式下安装 uni-ui
前端·javascript·windows
拾光拾趣录8 小时前
链表合并:双指针与递归
前端·javascript·算法
拼图2098 小时前
element-plus——图标推荐
javascript·vue.js·elementui
期待のcode8 小时前
图片上传实现
java·前端·javascript·数据库·servlet·交互
koooo~9 小时前
JavaScript中的Window对象
开发语言·javascript·ecmascript
hbrown9 小时前
Flask+LayUI开发手记(十一):选项集合的数据库扩展类
前端·数据库·python·layui
安心不心安10 小时前
React hooks——useReducer
前端·javascript·react.js
像风一样自由202010 小时前
原生前端JavaScript/CSS与现代框架(Vue、React)的联系与区别(详细版)
前端·javascript·css
啃火龙果的兔子10 小时前
react19+nextjs+antd切换主题颜色
前端·javascript·react.js