ajax请求如何防止重复提交

1、第一步：实现思路，就是在用户点击了提交按钮之后将按钮设置为不可点击，请求返回后不管异常还是成功再次将提交按钮设置为可以点击。

2、第二步：下载jquery具体操作方法，再百度或搜狗浏览器中输入“jquery下载”

--》点击搜索按钮--》得到查询结果进入下载界面--》下载具体操作如图所示：

3、第三步：引入jquery，jquery一般引入到HTML的head标签中具体代码如下所示。

关键代码如下：

<script>    $('#submit').click(function(){        var objButton=$(this);        var content=$('#content').val();        $.ajax({            url:"请求连接",            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);//改变提交按钮上的文字并将按钮设置为可以点击            }        });    });</script>

4、第四步：下面提供关键代码如下所示jquery的代码：

   $("#id或.class").attr("disabled",true);   按钮失效

    $("#id或.class").attr("disabled",false);    按钮生效

在ajax中的beforeSend，complete中使用。