ajax 防止重复提交

最新推荐文章于 2021-08-05 20:02:51 发布

原创最新推荐文章于 2021-08-05 20:02:51 发布 · 293 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax 重复提交

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用Ajax防止表单重复提交的方法，通过检查Ajax请求的状态，确保在上一个请求未完成前阻止新的提交，有效提升用户体验并避免服务器负载。

ajax 防止重复提交

一般操作如下：

if( undefined != ajax &&  ajax .always().readyState == 1) {
    return false;
}
ajax = $.ajax({
    url     : '/xxx',
    data    : $(this).serialize() ,
    type    : $(this).attr('method'),
    dataType : 'json' ,
    success  : function( response ){
        if( undefined == response.error ){
            alert('操作成功');
            window.location.reload();
        }else{
            alert('操作失败');
        }
    }
});