Search

与我们合作

我们专注:网站策划设计、网络多媒体传播、网站优化及网站营销、品牌策略与设计
主营业务:网站建设、移动端微信小程序开发、VI设计、网络运营、云产品·运维解决方案

有一个品牌项目想和我们谈谈吗?

您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与您取得联系。当然也欢迎您给我们写信或是打电话,让我们听到您的声音

您也可通过下列途径与我们取得联系:

地 址: 深圳.龙岗区大运软件小镇11栋3楼

电 话: 138 2888 4598 / 138 0880 9053

网 址: http://www.appvx.cn

快速提交您的需求 ↓

如何防止ajax重复提交

时间:2017-07-17 浏览:3659 编辑: 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");

        }

    });

});

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


本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
GO 欣赏案例
查看经典案例
在线咨询
电话咨询
0755-36630177
返回顶部
在线咨询 获取报价 电话咨询
获取报价
您的称呼:

*

您的电话:

*

您的邮箱:

*

提交 重置
重要的事情,电话里聊

接通客服

不方便的时候线上咨询,在线等哦