防止按钮被快速多次点击,从而导致绑定点击事件的js方法ajax多次提交

来源:互联网 发布:剑三花哥成男捏脸数据 编辑:程序博客网 时间:2024/06/05 18:54

一开始试了把ansyc设置成false,但是并没有用,在网上找了下,发现可以用以下方式解决。beforeSend:请求发送前,complete:请求完成(不管请求成功还是失败)

 $.ajax({       async:true,        url:"/BoardManage/board/Post",        type:"post",        data:formData,        dataType:"json",        beforeSend: function () {            //3.让按钮失效,以实现防止按钮重复点击            $("#addPostButton").attr('disabled', 'disabled');            $("#addPostButton").text('提交中...');        },        complete: function () {            //5.让按钮重新有效            $("#addPostButton").removeAttr('disabled');        },        success:function (data) {            .....        },        error:function (data) {...        }    });


0 0
原创粉丝点击