与我们合作
我们专注:网站策划设计、网络多媒体传播、网站优化及网站营销、品牌策略与设计
主营业务:网站建设、移动端微信小程序开发、VI设计、网络运营、云产品·运维解决方案
有一个品牌项目想和我们谈谈吗?
您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与您取得联系。当然也欢迎您给我们写信或是打电话,让我们听到您的声音
您也可通过下列途径与我们取得联系:
地 址: 深圳.龙岗区大运软件小镇11栋3楼
电 话: 138 2888 4598 / 138 0880 9053
网 址: http://www.appvx.cn
快速提交您的需求 ↓
本文讲讲如何使用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");
}
});
});
如此一来,就可以彻底杜绝重复提交了。