文档章节

localStorage"巧妙"设置过期时间

lifes77
 lifes77
发布于 2018/11/26 16:52
字数 241
阅读 81
收藏 0

有时候我们需要控制用户频繁向后台发送请求,比如用户高频率点击提交按钮:

可以现在前端使用localStorage控制下这个请求频率,拒绝非正常点击行为,缓解后台压力:

function push() {
    layui.use('layer', function () {
        var layer = layui.layer;
        var content = $("#blog_content").val();
        if (!logined()) {
            showLogin();
            return;
        } else if (!content.trim()) {
            layer.msg("内容不能为空~~~", {icon: 5});
            return;
        } else if(!get("blog",1000 * 60)) {
            layer.msg("发布太快了,休息下~~~", {icon: 5});
            return;
        }else {
            send(content);
            set("blog","push");
        }
    })

}

function set(key,value){
    var curTime = new Date().getTime();
    localStorage.setItem(key,JSON.stringify({data:value,time:curTime}));
}
function get(key,exp){
    var data = localStorage.getItem(key);
    if(!data){
        return false;
    }
    var dataObj = JSON.parse(data);
    if (new Date().getTime() - dataObj.time>exp) {
        return true;
    }else{
        return false;
    }
}

 

© 著作权归作者所有

共有 人打赏支持
lifes77

lifes77

粉丝 34
博文 62
码字总数 22953
作品 0
黄冈
程序员
私信 提问
加载中

评论(3)

lifes77
lifes77
😀 😁 😂 🤣
lifes77
lifes77
😅 😆
lifes77
lifes77
😀 😁
Session, LocalStorage ,Cache-Control

Session 为什么要使用Session? Session的使用? 总结Cookie与Session: Cookie Session LocalStorage localStorage是html5提供的一个API,localStorage的实质是一个哈希 Session是服务器的哈...

code_susu
2018/07/31
0
0
localstorage、sessionstorage的用法

html5 中的 web Storage 包括了两种存储方式:sessionStorage 和 localStorage。 sessionStorage 用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问,会话...

韦姣敏
2017/11/04
0
0
html5-web本地存储

在html5中为我们提供了一种本地缓存机制,它将取代我们的cookie,并且它是不会随浏览器发会我们的服务器端的。我们可以采用js在客户端自由的操作本地缓存。html5中缓存主要有localStorage,和...

zting科技
2017/01/10
0
0
第139天:详解cookie、 sessionStorage 和localStorage

1.cookie:存储在用户本地终端上的数据。有时也用cookies,指某些网站为了辨别用户身份,进行session跟踪而存储在本地终端上的数据,通常经过加密。一般应用最典型的案列就是判断注册用户是否...

半指温柔乐
2018/01/08
0
0
本地存储—localStorage(HTML5)

localStorage简介 今夜死活睡不着,决定整理下最近搞得localStorage…… 先简单说下阐述下:localStorage 规范:http://dev.w3.org/html5/webstorage/ localStorage用于持久化的本地存储,除...

郏高阳
2013/01/03
0
11

没有更多内容

加载失败,请刷新页面

加载更多

钢铁侠自曝:特斯拉“哨兵模式” 来了!

北京时间1月23日消息,特斯拉车主可能很快就可以查看和记录汽车在无人看管时受到的损坏。 一位特斯拉车主在Twitter上向特斯拉CEO埃隆·马斯克(Elon Musk)抱怨称,他的车门凹进去了一大块,希...

Linux就该这么学
30分钟前
3
0
Java基础教程,第十一讲,阻止继承与抽象类

上一节课我们学习了Java中的继承语法,以及如何继承中的方法重写和super()关键字,今天我们将学习一下如何阻止继承以及抽象类。 课程内容 阻止继承:final类和方法 有些时候我们希望阻止某个...

程序员补给栈
42分钟前
1
0
mount命令

mount命令可以将分区挂接到Linux的一个文件夹下,从而将分区和该目录联系起来,因此我们只要访问这个文件夹,就相当于访问该分区了。 mount [-t vfstype] [-o options] device dir loop:用来...

Danni3
48分钟前
1
0
推荐一款接口 API 设计神器!

今天栈长给大家推荐一款接口 API 设计神器,传说中的,牛逼哄洪的 Swagger,它到底是什么?今天为大家揭开谜底! Swagger是什么? 官网:https://swagger.io/ Swagger 如官网所示,它是最好的...

Java技术栈
59分钟前
10
0
AMD直奔5nm!这一步棋下得妙

AMD今年将推出采用7nm工艺的第二代EPYC霄龙、第三代Ryzen锐龙处理器,其中后者已经在CES 2019上公开首秀,性能追评i9-9900K,功耗则低得多。 虽然被称为“女友”的GlobalFoundries临时决定放...

linuxCool
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部