Advertisement

实用场景下怎么处理防重传问题

阅读量:

介绍

在实际操作中,面对表单重复提交的现象并不陌生。当我们执行表单提交操作时,可能因网络延迟导致重复提交的发生。具体而言,在遇到以下情况时(如网络响应时间过长),仅进行两次的登录操作通常不会造成显著问题。

在这里插入图片描述

然而,在首次进行转账操作时,输入了密码后发现没有任何反馈。接着又进行了第二次转账操作。这样一来就会出现两次连续的转账操作

在这里插入图片描述

对于重复提交我们也有一些的解决方案----前端验证:

  1. 在AJAX提交完成后设置按钮不可用,在未收到任何响应前无法再次点击该按钮。
  2. 在使用form表单时,在JS执行前先将按钮设置为不可用即可;这不仅利用了disabled属性的功能特性,并且能有效避免因多次点击导致的无效提交行为发生。

须知:然而,在重复刷新页面或通过URL直接提交请求信息时(以上的情况),仍然会存在问题。为此,我们可以介绍一种更为可靠的方法:

全部评论 (0)

还没有任何评论哟~