如何防止ajax重复提交

2017-07-17 来源:技术博客

本文讲讲如何使用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");

        }

    });

});

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


本文关键词:

本文均为荣益互联摘自权威资料,书籍,文章,或来自网络,如有版权纠纷或违规问题,请联系我们删除。我们欢迎您的分享,谢绝直接抄袭复制。感谢…

关注格度视觉