zoukankan      html  css  js  c++  java
  • thinkphp防止重复提交表单的技巧

    在开发中,如果一个新增或修改的表单,在后台完成数据库操作后我们设定的不是跳转到其他页面,还是返回本页面,这时点击浏览器的后退再提交或刷新页面,会导致form表单重复提交,即这条记录会被增加或修改两次。

    导致表单重复提交的原因是:第一次提交的表单会被缓存到内存中,直到页面下次提交或页面关闭或转向其他页面时才消失。在自调用返回时,内存中的数据依然在,这时页面中的判断提交的代码依然可以检测到提交的值,顾会产生重复提交的效果。

    可以用以下几个办法解决:

    方法1:最简单:页面提交后转到另一个页面而不是本页面,举个栗子,比如你的页面地址为

    http://yourdomain.com/User/Index/login
    

      

    则该页面的表单action地址可以为另外的处理地址,如

    <form action="{:U('User/Index/check_login')}" method="post">
    

      

    这样报错返回,或者用户点击回退按钮,还是会回到上一个地址,不过这种情况也不保险。还要搭配方法2,一起比较保险

    方法2:提交表单后提交按钮变灰/隐藏提交按钮

    这种方式一般是结合方法1来做的,通过JS来动态监听用户的点击动作,动态将按钮属性置成disabeld,即为灰色不可用。代码如下:

    HTML:

    <form action="{:U('User/Index/check_login')}" method="post">
    
       <input type="text" name="username" value="" id="username" />
    
       <input type="password" name="userpwd" id="userpwd" />
    
       <input type="submit" name="login_btn" id="login_btn" value="登陆"/>
    
    </form>
    

      

    JS:

    $().ready(function(){
    
         $("#login_btn").on('click',function(){
    
                $(this).attr('disabled',true);
    
          });
    
    });
    

      

    方法1+方法2 结合后,基本上90%以上的重复提交问题都能解决,但是大刘这里还是要说下第三种方法,即在服务端一劳永逸的解决这个问题

    方法3:使用隐藏随机TOKEN值的方法进行重复提交判断

    首先,在项目的functions.php中添加如下方法

    //创建TOKEN
    
    function createToken() {
    
       $code = chr(mt_rand(0xB0, 0xF7)) . chr(mt_rand(0xA1, 0xFE)) .chr(mt_rand(0xB0, 0xF7)) . chr(mt_rand(0xA1, 0xFE)) . chr(mt_rand(0xB0, 0xF7)) . chr(mt_rand(0xA1, 0xFE));
    
       session('TOKEN', authcode($code));
    
    }
    
    //判断TOKEN
    
    function checkToken($token) {
    
        if ($token == session('TOKEN')) {
    
           session('TOKEN', NULL);
    
           return TRUE;
    
        } else {
    
          return FALSE;
    
        }
    
    }
    
    /* 加密TOKEN */
    
    function authcode($str) {
    
        $key = "YOURKEY";
    
        $str = substr(md5($str), 8, 10);
    
        return md5($key . $str);
    
    }
    

      

    在表单页面form中填入以下HTML代码

    HTML:

    <input type="hidden" name="TOKEN" value="{:session('TOKEN')}" />
    

      

    在页面展示前调用creatToken()方法生成token,在相应控制器POST请求中 使用 checkToken() 进行判断是否重复提交

    if(IS_POST)
    
    {
    
    $post_token = I('post.TOKEN');
    
      if(!checkToken($post_token)){
    
          $this->error('请不要重复提交页面',U('User/Index/login'));
    
      }
    
    }
    

      

    基本上,这3个方法配合着使用,就能解决ThinkPHP开发中表单重复提交问题,当然,有同学说可以使用ThinkPHP的令牌环机制,这样其实就更简单了,TP会默认在表单中生成一个隐藏域,到时候判断这个隐藏域是否存在以及和session中的值是否想的即可,原理和方法3是一样的。

    更多学习内容请访问:

    腾讯T3-T4标准精品PHP架构师教程目录大全,只要你看完保证薪资上升一个台阶(持续更新)图标

  • 相关阅读:
    axios使用post提交方式
    ajax请求携带cookie和自定义请求头header(跨域和同域)
    HTML <form> enctype 属性, 表单上传
    浏览器常用设计规范,字体与行高(Ant)
    关于级联选择器el-cascader的一些属性
    elemen-ui中的table表格支持行列动态改变
    websocket双向通信
    文本超出用省略号表示或是自动换行
    新建js文件中有自己编写的方法和数据,在其他.vue文件中调用
    了解WebSocket
  • 原文地址:https://www.cnblogs.com/a609251438/p/12691550.html
Copyright © 2011-2022 走看看