ajax 避免表单重复提交

ajax beforeSend 避免表单重复提交

           $.ajax({
                url: '/admin/plan/add',
                type: 'post',
                data: $("#planForm").serialize(),
                async:false,
                beforeSend: function () {
                    formSubmit = true;
                    //1.让提交按钮失效,以实现防止按钮重复点击
                    $("#formSubmitBtn").attr('disabled', true);
                    //2.给用户提供友好状态提示
                    $("#formSubmitBtn").text('提交中...');
                },
                complete: function () {
                    //3.让登陆按钮重新有效
                    $("#formSubmitBtn").removeAttr('disabled');
                },
                success: function (result) {
                    if (result.success) {
                        dialogFun("提示", "创建成功", 5, "/admin/plan/modify?id=" + result.entity);
                    } else {
                        dialogFun("提示", "系统繁忙,请稍后重试……", 0);
                    }
                }
            });

猜你喜欢

转载自blog.csdn.net/qq_35275233/article/details/84651139