1. 程式人生 > >ajax 避免表單重複提交

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