表单重复提交简单解决方案

  1. 产生原因:业务复杂,表单提交后,程序在后台处理业务也需要时间,此时前台还是有机会再次点击提交按钮,这时候就产生了表单重复提交的问题。
  2. 解决思路:前端提交按钮【失效】-->【有效】状态转换
  3. 举例:
        if(i==0){
 			$("#queding").hide();
 			$.post('xxxxxx',{'data':data},function(respdata) {
				if(respdata.flag=="-1") {
					$.messager.alert('警告',respdata.msg,'info');
					$("#queding").show();
				} else {
					$.messager.alert('提示','操作成功','info');
				}
			});
 		}else{
 			message(msg);
 		}

这样避免后台吹时间,前端直接隐藏提交按钮,表单不能重复提交,后台处理成功直接跳转,失败,将提交按钮显示出来,让用户检查修改调信息,重新提交即可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值