如何防止ajax重复提交

2017-07-17 1766 12 编辑: LYS 来源:技术博客

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

        }

    });

});

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


本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联
我们猜你喜欢
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

2
5