zoukankan      html  css  js  c++  java
  • php+ajax远程加载避免重复提交

    近日在练习签到送积分功能时,发现可以在一瞬间的时候提交好多次 导致可以重复领取多次积分 除了增加请求限制之外 发现ajax提交没有限制重复提交 遂立此贴为警示

    首先上表单代码

    <form onsubmit="return check_login()" style="text-align: center;margin-top:50px"> 
        <input value="登 录"   class="btn_submit" id="btn_submit" type="submit"> 
    </form>
    

    表单样式代码

    .btn_submit { 
        background-color: #e31436; 
        color: #fff; 
        cursor: pointer; 
        display: inline-block; 
        font-size: 18px; 
        height: 44px; 
        line-height: 44px; 
        text-align: center; 
         200px; 
        border-radius: 2px; 
        border:none 
    } 
    .disabled{opacity: 0.5;cursor:default}
    

    AJAX防重复提交代码

    function check_login() { 
        if ($("#btn_submit").hasClass("disabled"));//避免重复提交 判断是否为disabled
        return false; //是 返回false
        $("#btn_submit").addClass("disabled").val("正在提交");  //提交第一时间给class加上disabled 
        $.post("login.php", {id: 1}, function(data) { 
            $("#btn_submit").removeClass("disabled").val("登 录"); //成功返回后 取消disabled 
            location.href = "http://www.sucaihuo.com/php/2747.html"; 
        }, "json"); 
        return false; 
    }
    

      

  • 相关阅读:
    经典网络命令(搜集、概括)
    浅谈“五万月薪涉足数据恢复行业”
    C语言宏定义技巧(常用宏定义)
    安装IIS5.0出错
    IDM(Internet Download Manager)下载
    tape记忆法
    华为手环更换绑定手机
    冯况 | 清理电脑磁盘
    利用知网查个人信息
    双向循环链表
  • 原文地址:https://www.cnblogs.com/we-jack/p/11125672.html
Copyright © 2011-2022 走看看