jquery——设置、读取、删除cookie

问题:
在做项目过程中,遇到表单多次提交造成服务器瘫痪的问题,现在需求是——1分钟内只允许用户提交一次,提交后,提交按钮变灰色,1分钟后再恢复正常。

解决方法:
采用cookie,保存提交表单时间,一分钟后,cookie失效,按钮恢复正常。

<button type="button" class="btn btn-primary addpower_btn">添加权限</button>

<script src="../js/jquery-1.8.3.min.js" type="text/javascript"></script>  
<script src="../js/jquery.cookie.js" type="text/javascript"></script>  

<script type="text/JavaScript">  
$(function(){    

     //设置cookie,通过时间间隔    
     $('.addpower_btn').click(function () {        
         $.cookie('cookieName', 'cookieValue', { path: '/', expires: 1 });  //1天后失效  
         return false;    
     });    

     // 设置cookie,到期时间    
     $('.addpower_btn').click(function() {    
         var date = new Date();
         var t = new Date();  

         //设置cookie失效时间为60s,转换为毫秒,getTime()获取时间也为毫秒  
         date.setTime(date.getTime() + (60 * 1000));  
         $.cookie('myCookie', t.getTime(), { path: '/', expires: date });    
         return false;    
     });    

    //设置一个函数,测试cookie何时失效
    function testCookie(){
        var cookie = $.cookie("myCookie");    //读取cookie
        if(cookie) {
            $('.addpower_btn').attr('disabled','true');  //按钮不可用
        } else {
            $('.addpower_btn').removeAttr("disabled");   //移除按钮不可用属性
            alert('cookie不存在');
        }
    }  

});    
</script>

其他cookie方法:

     // 获取 cookie,直接获取name    
     alert($.cookie('cookieName'));   

     // 删除cookie,cookie值为空即可    
     $.cookie('cookieName', null, { path: '/' });  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值