jquery ajax防止重复提交的办法

本篇文章主要分享下在使用jquery ajax时防止重复提交的办法。

其实方法很简单，就是在用户点击了提交按钮之后将按钮设置为不可点击即可，具体代码如下：

$('#submit').click(function(){
    var objButton=$(this);
    var content=$('#content').val();
    $.ajax({
        url:web_url+'jquery.php',
        type:'post',
        cache:false,
        data: 'action=submit&content='+content,
        beforeSend:function(){//触发ajax请求开始时执行
            objButton.val('提交中').attr('disabled',true);//改变提交按钮上的文字并将按钮设置为不可点击
        },
        success:function(txt){//ajax请求成功后执行
            //这里做相关逻辑判断了，具体根据自己的情况看了
        },
        error:function(){//ajax发生错误时执行
            alert('数据请求出错！');
        },
        complete:function(){//ajax请求完成时执行
            objButton.val('提交').attr('disabled',false);//改变提交按钮上的文字并将按钮设置为可以点击
        }
    });
});

关于jquery ajax的用法，可参照本站文章：

Jquery中$.post和$.ajax的用法分析