form 表单提交,防止重复提交,加token

2023-05-14,,

    

大体步骤分为:

    1.通过java 生成随机数放在http 的header 里面

        String token = IdentityUtil.uuid32();
        getRequest().getSession().setAttribute("server_token", token);

    2.把生成token 放到隐藏域中,

String html = "<input type=\"hidden\" id=\"puff_beetl_client_token\" name=\"puff_beetl_client_token\" autocomplete=\"off\" value=\"" + token + "\" />";
        try {
            ctx.byteWriter.writeString(html);
        } catch (IOException e) {
            e.printStackTrace();
        }

输出到页面;

3.写个拦截器,页面传过来的token与java生成token进行匹配;

    public void intercept(DispatcherExecutor executor) {
        String server_token = PuffContext.removeSessionAttr("server_token");
        String client_token = PuffContext.getRequest().getHeader("Puff-ClientToken");
        if (StringUtil.empty(server_token) || StringUtil.empty(client_token) || !server_token.equals(client_token)) {
            if (PuffContext.ajax()) {
                RetMsg msg = RetMsg.error(RetCode.ILLEGAL_SUBMIT, "非法表单提交申请!");
                PuffContext.getResponse().setHeader("illegal_submit", "yes");
                executor.setResult(ViewFactory.json(msg));
            } else {
                throw new IllegalArgumentException("非法表单提交申请!");
            }
        } else {
            executor.execute();
        }

        //如果匹配了。重新生成token到页面,防止重复提交

        String token = IdentityUtil.uuid32();
        PuffContext.setSessionAttribute("server_token", token);
        PuffContext.getResponse().setHeader("server_token", token);

    }

4.页面

    $.ajax({
    url:"${ctxPath}/xx",
    data:$('#form').serialize(), 

     type:"POST",
    datatype:"json",
    beforeSend: function(request) {

    //把token 放到http header 中      

    request.setRequestHeader("Puff-ClientToken",$("#puff_beetl_client_token").val());
    },
    success:function(data){
        if(data.code=="403"){
            layer.close(index);
            Popbox.sureWithBtn(data.msg);
        }else{
            var msg=eval("("+data.msg+")");
            var code=msg.code;
            if(code==success){
                layer.close(index);
                window.location.href="${ctxPath}/success;
            }else{
                flag=false;
                layer.close(index);
                Popbox.sureWithBtn(msg.message);
            }
            
        }
    
        
    },
    complete:function(request){
        if(!flag){  //提交成功,就不改变http头部header,就是当失败才重新把token放到http header中
           $("#puff_beetl_client_token").val(request.getResponseHeader("server_token"));
        }
     },
    error:function(){
        layer.close(index);
    }});

    

《form 表单提交,防止重复提交,加token.doc》

下载本文的Word格式文档,以方便收藏与打印。