ajax 避免表单重复提交

最新推荐文章于 2022-04-13 17:29:17 发布

smileTimLi

最新推荐文章于 2022-04-13 17:29:17 发布

阅读量896

点赞数 2

分类专栏： ajax 文章标签： ajax避免表单重复提交

本文链接：https://blog.csdn.net/qq_35275233/article/details/84651139

版权

ajax 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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);
                    }
                }
            });