PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > Jquery教程 > 正文

    防止ajax重复提交的办法

    作者:admin来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:在做项目很多地方需要ajax提交数据,那如何防止ajax重复提交数据呢?其实方法很简单,就是在用户点击了提交按钮之后将按钮设置为不可点击即
    在做项目很多地方需要ajax提交数据,那如何防止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);//改变提交按钮上的文字并将按钮设置为可以点击
    }
    });
    });

    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-47-60-1.html
    相关热词搜索: jquery ajax 防止 重复提交