解决表单提交，点击按钮提交多次的问题

灰太狼 2021-01-20 06:27 775阅读 0赞

定义一个状态码

// 表单提交performanceList
     // 修改提交
    var saveflag=true;//防止点击多次提交的状态码
     $("#savebasic").click(function(){
          
            if($('#basicNews').form('validate') && tableisnull){
    //判断点击状态码，true为第一次点击，
                if(saveflag) {
                  saveflag=false;//改变状态，避免多次点击调用ajax
                    //活动外部编码;
                    $.ajax({
                        url: "",
                        type: 'post',
                        data: JSON.stringify(activityObj),
                        contentType: "application/json",
                        success: function (param) {
                            if(param.status_code=="1003" || param.status_code=="1002"){
                               
                                new Tools.popUp({
                                    title:'提示信息',
                                    messTxt:'修改成功',
                                    iconType:'successIcon',
                                    isSingleBtn:true,
                                    closeCallBack:function(closeEvent){
                                       closeEvent();
                                    }
    
                                })
                            }else{
                                if(!param){
                                    sayForm('提示信息','提交失败');
                                }else{
                                    sayForm('提示信息',param.reason);
                                }
                            }
                            saveflag=true;//上传成功后恢复可点击
                        },
                        error:function(err){
                            new Tools.popUp({ajaxError:true})
                            saveflag=true;//上传失败后恢复可点击
                        }
                    });
                }
            }else{
        sayForm('提示信息','请完善表单信息')
    };
     });

点击提交按钮后，将saveflag置为false