- 产生原因:业务复杂,表单提交后,程序在后台处理业务也需要时间,此时前台还是有机会再次点击提交按钮,这时候就产生了表单重复提交的问题。
- 解决思路:前端提交按钮【失效】-->【有效】状态转换
- 举例:
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); }
这样避免后台吹时间,前端直接隐藏提交按钮,表单不能重复提交,后台处理成功直接跳转,失败,将提交按钮显示出来,让用户检查修改调信息,重新提交即可
表单重复提交简单解决方案
最新推荐文章于 2022-11-26 13:58:08 发布