如何防止ajax重复提交

本文讲讲如何使用redis和jquery防止ajax重复提交，如果按钮是button，点击按钮之后，js使按钮禁用，程序那边同时也加锁即可。如果按钮是a标签，则需要使用jquery的data方法在页面上加锁，具体方法见上面第3个链接。防止ajax重复提交，PHP和js两个地方都需要做防止重复提交的逻辑。

除了以下的内容，小编还百度了以下可以防止重复提交的方法，有 1.使用Redis加锁防止重复提交 2.jquery的data方法防止重复提交。不过方法比较复杂，下面是我总结的方法，比较简单，正所谓越简单越好。下面来看看吧。

1.PHP防止重复提交

PHP通过Redis加锁防止重复提交，代码如下：

/**

 *  确认收货

 */

public function confirmReceive(){

    //是否ajax请求

    if(!IS_AJAX){

        redirect(__URL_MEMBER__ . '/order');exit;

    }

    //获取提交数据

    $orderNo = I("post.orderNo");

    if(!($this->lock(10,'confirm_receive_'.$orderNo))){

        $data['code'] = 600;//重复提交

        $this->ajaxReturn($data,'JSON');

    }

    //more

}

2.js页面加锁防止重复提交

如果按钮不是button，点击之后无法直接禁用，可以在页面上通过jquery的data方法给页面加锁。

$('#confirmYes').on('click',function(){

    if($("body").data("confirmReceive")=="lock"){

        return false;

    }else{

        $("body").data("confirmReceive","lock");

    }

    $.ajax({

        type:"post",

        dateType:"json",

        url:__URL_MEMBER__+'/order/confirmReceive',

        data:({'orderNo':order_no,'orderBack':orderBack}),

        success:function (data) {

            if(data.code!=200){

                //alert("更新订单状态失败");

                window.location.href='/order/';

            }else{

                window.location.href='/order/';

            }

            $("body").data("confirmReceive","unlock");

        }

    });

});

如此一来，就可以彻底杜绝重复提交了。